How to Reset or Deselect Radio Button in Power Apps?

While working on a recent Power Apps project, I was required to clear a Power Apps radio button once the user clicked the reload/refresh icon. The radio button will also reset to its default value every time the user clicks the reload icon.

In this tutorial, I will show you how to reset a radio button in Power Apps using the reset icon. Additionally, we will see how to deselect the radio button when the user clicks on the reload icon, with various examples.

Reset Power Apps Radio Button

You can use the Power Apps Reset() function to reset a radio button in Power Apps. Let’s see how to reset the Power Apps Radio button to its default value.

Example:

1. I have a Radio button control in Power Apps with a Yes/No value. I also set the Radio button’s Default value to “Yes.”

2. Then, I added a Reset icon to reset the Power Apps Radio button to its default value. Whenever a user selects the No value in the Radio button and then clicks on the Reset icon, the radio button gets its default value, as shown below.

To achieve the above example, follow the below steps. Such as:

3. Insert a Radio button and set its Items property as:

Items = ["Yes", "No"]

Where,

• “Yes”, “No” = Power Apps Radio Button Items

4. Also, set the Radio button’s Default property as:

Default = "Yes"

5. Then, insert a Reset icon and set its OnSelect property to the code below:

OnSelect = Reset(Radio_Values)

Where,

• Reset() = This Power Apps Reset() function is used to reset a control
• Radio_Values = Power Apps Radio Button

6. Save, Publish, and Preview the app. Test the application as you wish.

This is how to reset the Radio button control in Power Apps.

Deselect Radio Button in Power Apps

Here, we will see how to deselect the Radio button in a Power Apps Canvas app.

Example:

1. In Power Apps, I have another Radio button control that has the “IT Department Names” like below.

2. Now, I want to set the Radio button’s Default value as “Blank()” and insert a Reset icon to reset the Radio button without any selected value, as in the screenshot below.

To work around this example, follow the below steps.

3. Insert a Radio button control and set its Items property as:

Items = [
    "Admin",
    "Cybersecurity",
    "Helpdesk",
    "Network administrator",
    "Application Developer"
]

Where,

• “Admin”, “Cybersecurity”, “Helpdesk”, etc… = Power Apps Radio Button Items

4. Next, set the Radio button’s Default property as:

Default = Blank()

Where,

• Blank() = This function is a placeholder for “No value” or “Unknown value”

5. Now, insert a Reset icon and set its OnSelect property to the code below.

OnSelect = Reset(Radio_ITDepartments)

6. Save, Publish, and Preview the app. Whenever the user wants to reset the Radio button without any selected value, click the Reset icon to unselect the Radio button.

This is all about how to unselect or deselect the Power Apps radio button control.

Conclusion

Whenever you want to reset a Power Apps Radio button control, you can use the Reset() function to reset a Radio button control to its default property value.

With examples, this Power Apps tutorial taught us how to reset and deselect a Power Apps radio button.

You may also like some more Power Apps tutorials:

• Filter Gallery By Radio Button in Power Apps
• Change Power Apps Radio Button to Checkbox
• If Condition in Power Apps Radio Button
• Filter Power Apps Gallery Based On Combo Box Selection
• Power Apps Toggle Control
• Check if Power Apps Combobox Has a Selected Value

Preeti Sahu

Preeti Sahu is an expert in Power Apps and has over six years of experience working with SharePoint Online and the Power Platform. She is the co-author of Microsoft Power Platform: A Deep Dive book. As a Power Platform developer, she has worked on developing various tools using Power Apps and Power Automate. She also makes Microsoft 365 videos and shares them on YouTube.