How to Use If Condition in Power Apps Radio Button?

While working with the Power Apps form, I needed to disable the Power Apps dropdown when a user selects any value from a radio control. In this case, I used the Power Apps If statement, which helps to perform a logical comparison to determine whether the result is actual.

In this article, I will explain how to use If condition in Power Apps Radio button, along with the examples below:

• Navigate to a Power Apps screen based on the radio button selection
• Show text based on Power Apps radio selected value
• Disable the Power Apps Dropdown control if the radio button is selected

Navigate to a Power Apps Screen based on the Radio button selection

Let’s see how to navigate to a Power Apps screen when a user selects any values from the radio button control.

Follow the instructions below:

1. I have a SharePoint list [Training Courses] that has various columns like:

2. I added a Radio button control on the Power Apps screen and retrieved the choice values [Technology] from the SharePoint list.

Radio button: Items = Choices([@'Training Courses'].Technology)

Where,

1. ‘Training Courses’ = SharePoint Online List
2. Technology = SharePoint Choice Field

3. Then, set the Radio button OnSelect property to the code below:

If(
    !IsBlank(Radio_TrainingCourses.Selected.Value),
    Navigate(CoursesDetailsScreen)
)

Where,

1. Radio_TrainingCourses = Power Apps Radio control name
2. CoursesDetailsScreen = Provide the Power Apps screen name that you want to navigate

4. Save, Publish, and Preview the app. When a user selects any value from the Power Apps Radio button, it will navigate to the specific screen [CoursesDetailsScreen], as in the screenshot below.

This way, we can navigate the Power Apps screen based on the selected values of the Power Apps radio control.

Display Text Based on Power Apps Radio Selected Value

In this scenario, we will see how to show text according to the user radio selected value in Power Apps.

1. I have a SharePoint list [OTT Platform] that has various columns like:

2. On my Power Apps screen, I added an Edit form control connected to the SharePoint list [OTT Platforms].

Whenever the user selects any Subscription plan, e.g., [Standard and Premium], from the Power Apps Radio button, the Price will show according to the selected subscription plan.

3. Select the Price text field and set its Default property to the code below:

If(
    DataCardValue1.Text = "Netflix" && Radio_Plans.Selected.Value = "Premium",
    "$500",
    DataCardValue1.Text = "Amazon Prime Video" && Radio_Plans.Selected.Value = "Standard",
    "$300",
    DataCardValue1.Text = "Disney+" && Radio_Plans.Selected.Value = "Premium",
    "$700"
)

Where,

• DataCardValue1 = Text input control name of OTT Platform Name
• “Netflix,” “Amazon Prime Video,” “Disney+” = SharePoint Text Field Values
• Radio_Plans = Power Apps Radio Button Name
• “$500,” “$300,” “$700” = Provide some prices

4. Save, Publish, and Preview the app. When a user provides an OTT Platform Name and selects any subscription plan, the price will display according to the radio selection.

This way, we can display text based on the selected value of Power Apps radio control.

Disable Power Apps Dropdown control if Radio button is selected

Suppose there is a Power Apps Radio button control (Yes/No Values) and a Dropdown control. When a user selects either Yes or No from the radio control, the dropdown control will be disabled. If the radio control is unselected, the dropdown will be in edit mode as below.

To work around this, select the Dropdown control and apply the code below on its DisplayMode property as:

DisplayMode = If(
    rdYesNo.Selected.Value = "Yes",
    DisplayMode.Disabled,
    rdYesNo.Selected.Value = "No",
    DisplayMode.Disabled,
    DisplayMode.Edit
)

Where,

rdYesNo = Radio control name

Save and preview the app. If you select Yes or No from the radio control, the dropdown control will be disabled.

Additionally, you may like some more Power Apps tutorials:

• Change Power Apps Radio Button to Checkbox
• Set Default Value in Power Apps Dropdown
• Deselect or Reset Radio Button in Power Apps
• Filter Power Apps Collection

I hope this article helped you understand how to use if condition in a Power Apps Radio button control with various scenarios.

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.