Form Radio Button How To (Show Default Value, Update on Save)

[cbarcala]

Thought this might be helpful for beginners. I scoured google and posts to find a solution to Radio buttons a while back and it took looking at many question/answer posts just to get all the steps needed to get a Radio button to show the default choice value and update it on save. This article is meant to walk you through setting up a Choice column and creating a Radio Button on a form to replace the default pulldown menu.

Purpose: Creating a Radio button on a Form to reflect a Choice column on a Sharepoint list. This article will show you how to create the Radio button and have it not only show the default choice selected but also update the Sharepoint list column on save. When creating a Radio button, by default it will not show the selected choice nor update the Sharepoint item list until these steps are done.

• Create a Sharepoint list and add a Choice field with Yes, No options (choices can be anything)
  
  
  
  
  
• Add some test data to the Sharepoint list
  
  
• Create a Customized Form of the Sharepoint list as seen below.
  
  
  
  
• Once on the Customized Form in Powerapps, select the Choice Card.
  
  
• With the Choice Card selected, go to Insert -> Radio Button to add a Radio button into the Card. This will associate the Radio button to the Card.
  
  
  
• Unlock the Data card if prompted
  
  
• Your radio button is now displayed on the screen and within the Choice Card. Select the radio button and navigate to the Layout property on the left side for that button.
  
  
• This is optional, but the Layout can be modified between Vertical and Horizontal
  
  
  
  
• The radio button is now shown Horizontally.
  
  
  
  
• While having the radio button selected, navigate to the Items property and start entering the following
  

  Choices(‘your sharepoint list name’.Choice)

  
  
  
  
• The radio button now displays the choices of that field which are Yes, No in this case. As you can see, the values are not populated yet.
  
  
  
  
• Select the Choice Card again and navigate to the Update property. 
  
  
  
  
• Note, the property currently assigned is the value of the original Choice field on the form.
  
  
  
  
• You need to change this to the Radio field name so that when the radio button is changed and saved on the form, it reflects the change on the Sharepoint list column.
  
  
• Select the radio button again.
  
  
• Navigate to the Default property of the radio button and make sure the following is selected:

  ThisItem.yourcolumnname.Value (The column name in this case is ‘Choice’)
  
  

  
  
  
• The radio button will now show the default value selected on the item. Select the choice field again and navigate to the Visible property.
  
  
• Finally, we will hide the original choice field (you can also delete the choice field) by selecting the Choice field and setting the Visible property to false.
  
  
  
  
• Let's quickly add a Save icon (or any icon) to the form. (for beginners)
  
  
  
  
• Take note of the Form’s name on the left pane
  
  
  
  
• Set the following function on the Save icon’s OnSelect property to save/submit the form using the form name noted above.
  
  
• Navigate back to the Sharepoint list and edit a test item previously created (or create one now)
  
  
  
  
• Change the value of the Choice field and click the save icon (you can also just use the Save button shown)
  
  
  
  
• The Sharepoint list has successfully updated the Choice and when you open an item in the view form, it will show the currently selected value as well.
  
  
  
  
  After performing these steps, the Radio button will now reflect the choice of the current item and update on save/submit to the Sharepoint list. I hope this helps other beginners to learn the different properties available when setting a Radio button up for the first time.

[timl · Accepted solution]

Thanks for sharing this @cbarcala - I'm sure it'll help those who are wanting to do this.