cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
Highlighted
Frequent Visitor

Collect items and display back in a canvas screen for editing

Hi,

 

I have a rather large app that im currently reworking, in my app is a canvas screen with around 50 questions as radio buttons, each radio button is either say yes, no or other. the way i have it set up is for a tablet on wide screen and once finished the user presses the onsubmit button and they are patched to sharepoint (collected if offline etc etc)

 

However if my users wish to edit an old completed questions sheet currently they have to use a form connected to a gallery, am i somehow able to load all these previously answered questions into my canvas app without an edit form?

 

if so how do i go about doing so?

 

Thankyou,

 

Shane

1 ACCEPTED SOLUTION

Accepted Solutions
Highlighted
Microsoft
Microsoft

Re: Collect items and display back in a canvas screen for editing

Hi@Questionasking,

Based on the issue that you mentioned, do you want to edit the previously saved data without a form?

Could you please share a bit more about your scenario:

  1. Are all the controls have corresponding values to columns within the SP list?
  2. What is the column type corresponding to the Radio button, is it a Yes/No or a Choice?

Actually, if you want to insert Radio buttons to edit and display within a Gallery, it will not act as you expect. For if you want to display all the Radio button values, you should set the Items property of them to be as following:

 

ThisItem.RadioColumn

 

After that, it will always display the previously selected value which could not be editable anymore.003.png

As an alternative solution, you could inset another TextInput to display the Radio button value and only allow the Radio button to select.

I have a test on the above understanding, you can take a try as below.

Inset TextInput, Radio button as you want to the Gallery.

Set the Default property of the TextInput  as below:

 

ThisItem.Title

 

Set the Radio button Items property as below:

 

Choices(test0917.Option)

 

Set the OnStart property of the App as below:

 

Set(itemId,0)

 

Add an Edit icon and set the OnSelect property as below:

 

Select(Parent);Set(itemId,ThisItem.ID)

 

Add a Save icon and set the OnSelect property as below:

 

Select(Parent);Patch(test0917,{ID:ThisItem.ID},{Title:TextInput1.Text,test1:TextInput2.Text,Option:{Value:Radio2.Selected.Value}});Set(itemId,0)

 

Note: 'Option' is my Choice column to store the Radio button values.

Add a "+" button and set the OnSelect property as below:

 

Set(itemId,Patch(test0917,Defaults(test0917),{Title:""}).ID)

 

Select all the TextInput and Radio button within the Gallery and set their DisplayMode as below:

 

If(itemId=ThisItem.ID,Edit,View)

 

Inset a Label and set the Text property to display the Radio button value:

 

ThisItem.Option.Value

 

Please check the Gif for reference.

0917Gif11.gif

Best Regards,

Qi

 

 

View solution in original post

2 REPLIES 2
Highlighted
Super User
Super User

Re: Collect items and display back in a canvas screen for editing

One possible way is using editable Gallery grid like:

https://youtu.be/O2WqhRTUhyw

------------

If you like this post, give a Thumbs up. Where it solved your request, Mark it as a Solution to enable other users find it.

Highlighted
Microsoft
Microsoft

Re: Collect items and display back in a canvas screen for editing

Hi@Questionasking,

Based on the issue that you mentioned, do you want to edit the previously saved data without a form?

Could you please share a bit more about your scenario:

  1. Are all the controls have corresponding values to columns within the SP list?
  2. What is the column type corresponding to the Radio button, is it a Yes/No or a Choice?

Actually, if you want to insert Radio buttons to edit and display within a Gallery, it will not act as you expect. For if you want to display all the Radio button values, you should set the Items property of them to be as following:

 

ThisItem.RadioColumn

 

After that, it will always display the previously selected value which could not be editable anymore.003.png

As an alternative solution, you could inset another TextInput to display the Radio button value and only allow the Radio button to select.

I have a test on the above understanding, you can take a try as below.

Inset TextInput, Radio button as you want to the Gallery.

Set the Default property of the TextInput  as below:

 

ThisItem.Title

 

Set the Radio button Items property as below:

 

Choices(test0917.Option)

 

Set the OnStart property of the App as below:

 

Set(itemId,0)

 

Add an Edit icon and set the OnSelect property as below:

 

Select(Parent);Set(itemId,ThisItem.ID)

 

Add a Save icon and set the OnSelect property as below:

 

Select(Parent);Patch(test0917,{ID:ThisItem.ID},{Title:TextInput1.Text,test1:TextInput2.Text,Option:{Value:Radio2.Selected.Value}});Set(itemId,0)

 

Note: 'Option' is my Choice column to store the Radio button values.

Add a "+" button and set the OnSelect property as below:

 

Set(itemId,Patch(test0917,Defaults(test0917),{Title:""}).ID)

 

Select all the TextInput and Radio button within the Gallery and set their DisplayMode as below:

 

If(itemId=ThisItem.ID,Edit,View)

 

Inset a Label and set the Text property to display the Radio button value:

 

ThisItem.Option.Value

 

Please check the Gif for reference.

0917Gif11.gif

Best Regards,

Qi

 

 

View solution in original post

Helpful resources

Announcements
secondImage

New Return to Workplace

Reopen responsibly, monitor intelligently, and protect continuously with solutions for a safer work environment.

August 2020 CYST Challenge

Check out the winners of the recent 'Can You Solve These?' community challenge!

Experience what’s next for Power Apps

Join us for an in-depth look at the new Power Apps features and capabilities at the free Microsoft Business Applications Launch Event.

Check this Out

Helpful information

Featuring samples like Return to the Workplace and Emergency Response Applications

secondImage

Power Platform 2020 release wave 2 plan

Features releasing from October 2020 through March 2021

Top Solution Authors
Users online (4,833)