How to Change Power Apps Toggle to Radio Button?

Did you have a requirement where you want to change the Power Apps toggle to the radio button? If Yes! I am here to help you!

There’s no way to do that. One alternative solution could be to replace the toggle control with a radio button control in the Power Apps edit form.

This Power Apps tutorial will explain “How to Replace the Power Apps toggle with the radio button.”

How to Change Power Apps Toggle to Radio Button

In this section, I will take a simple scenario to replace the Power Apps Toggle [On/Off] Radio Button [Yes/No] value. For that, follow the steps below:

  1. Add a Power Apps Edit Form and connect the SharePoint list as a data source.
  2. Replace the Power Apps Toggle control with the Radio button control.
  3. Save the Radio button value to the SharePoint list.

For Example, I have a SharePoint Online list named “Travel Requests“ that has various columns like:

Column NameData Type
Trip TitleThis is a Title column with a single line of text. I just renamed it to “Trip Title.”
DestinationLocation
Travel Start DateDate and time
Travel End DateDate and time
ApprovedYes/No
Change Power Apps Toggle to Radio Button

Step 1: Add a Power Apps Edit Form and connect the SharePoint list as a data source

Change Power Apps Toggle Value to Radio Button Value
  • On the Power Apps Screen, insert an Edit form -> Set its DataSource property to:
'Travel Requests'

Where,

  1. Travel Requests = SharePoint list name
Change the Power Apps Toggle On Off value to Radio button Yes No value
  • In the Power Apps Edit form, the SharePoint Yes/No column value can be represented through a Toggle control that displays an On/Off value.
Change Power Apps Toggle control to Radio button control

Now, let’s check how to replace the toggle control with a radio button control.

Step 2: Replace the Power Apps Toggle control with the Radio button control

  • On the Power Apps Edit form, select the Approved_DataCard1 -> Remove the Toggle button -> Insert a Radio button -> Set its Items property to:
["Yes", "No"]
Replace the Power Apps Toggle control with the Radio button control
  • Next, Select the Approved_DataCard1 -> Set its Update property to the code below.
If(
    Radio_Approved.Selected.Value = "Yes",
    true,
    false
)

Where,

  1. Radio_Approved = Power Apps Radio Button control name
How to replace the Power Apps Toggle control with the Radio button control

I replaced the toggle control with a radio button; let’s check how to save the user-selected item to a SharePoint list.

Step 3: Save the Radio button value to the SharePoint list

  • On the Power Apps screen, Insert a Save icon -> Set its OnSelect property to:
SubmitForm(frm_NewTravelRequest);
ResetForm(frm_NewTravelRequest)
Power Apps replace Toggle control with Radio button control

Where,

  1. frm_NewTravelRequest = Power Apps Edit Form Name
How to Bind a SharePoint Yes No value in Power Apps Radio Button
  • Once your Power Apps app is ready, Save, Publish, and Preview the app whenever the users provide the value as “Yes”/ “No” in the Power Apps Radio button. Then click on the Save icon.
  • That record will be saved to the SharePoint list as shown below:
Replace Toggle control with Radio button control in Power Apps

This is all about replacing the Power Apps Toggle On/Off value with the Radio button Yes/No value.

Conclusion

As mentioned above, we cannot change the Power Apps toggle to the radio button; there’s no way.

So, this Power Apps tutorial has shown you the alternative way to complete your requirements by showing you How to replace the Power Apps toggle control with a radio button.

You may also like: