Power Apps Modern Radio Group Control [With Examples]

Interested in learning more about Power Apps Modern Radio Group Control? This Power Apps tutorial goes into great detail about Modern Radio Group Control in Power Apps, its essential properties, and how to use it with a simple scenario.

Additionally, we will learn how to make the Canvas app’s Power Apps Modern Controls available.

Also, Check: Power Apps Modern Checkbox Control [How to Use]

Power Apps Modern Radio Group Control

Power Apps Modern Radio Group control is a type of input control where users can only select one choice at a time from a list of options.

Refer to the screenshot below that how a Power Apps Modern Radio Group Control looks like.

Power Apps Modern Radio Group Control

This is the overview of the Modern Radio Group Control in Power Apps.

Power Apps Modern Radio Group Control Properties

The table below represents all the important properties of a Power Apps Modern Modern Radio Group Control:

PropertyDescription
ItemsValues are listed in a table and shown inside the radio group.
Example:
[“VISA”, “MasterCard”, “American Express”, “Paypal”]
Modern Radio Control in Power Apps
FieldsYou can add the field values to the radio control from a data source like SharePoint, Excel, etc.
Display modeThere are three display modes:
1. DisplayMode.Edit – The user can enter the values.
2. DisplayMode.View – Users only can be allowed to display the radio values.
3. DisplayMode.Disabled – The control is greyed out with disabled mode.
Accessible labelLabel for screen readers.
ContentLanguageIndicates the audience’s language (for example, “en-US”).
DefaultSelectedItemsThe control’s initial values are shown before the user interacts with it.
OnChangeActions that will be carried out when the Radio button’s Value property is modified.
OnSelectActions that will be carried out after pressing the radio group.
RequiredActions will be carried out after pressing the radio group.
Position– Distance between the control’s left side and the screen’s left edge.
Y – Distance between the top of the control and the top edge of the screen.
SizeWidth – The distance between the control’s left and right sides.
Height – Distance between the control’s top and bottom.
VisibleActions will be carried out when the Radio button’s Value property is modified.
Power Apps Modern Radio Group Control Properties

Read: Power Apps Modern Date Picker Control [How to Use]

See also  How to Export Data from Data Table to Excel in Power Apps?

Add Power Apps Modern Radio Group Control

Here, we’ll see how to add a Modern Radio Group Control in the Power Apps Canvas app.

The “Try out the modern controls” option must first be enabled on the Power Apps Canvas app’s Settings page.

You won’t be able to see the Modern controls in Power Apps if you don’t enable this option. To activate Power Apps Modern Controls, follow these steps:

  • Sign in to Power Apps with your valid Microsoft credentials.
  • Create a New Blank Canvas app (Apps -> + New App -> Canvas).
Add a Power Apps Modern Radio Control
  • Specify a unique name for the app (Power Apps Modern Radio Group Control) -> Choose the Format as Tablet -> Click on Create.
Power Apps Modern Radio Button
  • On the Power Apps Screen, Click on ellipses () from the top -> Settings -> Select Upcoming features -> Preview -> Scroll down and Enable Try out the modern controls as shown below.
  • Save and Publish the canvas app once.
Add Power Apps Modern Radio Control
  • Expand the + Insert tab (from the top) -> go to the Modern tab -> Select the Radio as below.
How to add Power Apps Modern Radio Group Control
  • The Modern Radio group control’s default name, RadioGroupCanvas1, will become visible on the screen after being inserted. If you’d prefer, you can choose a different name.
  • To display the radio values, we can set its Items property like:
Items = ["VISA", "MasterCard", "American Express", "Paypal"]
Modern Radio Control in Power Apps

This is how to add Modern Radio Group Control in the Power Apps Canvas app.

Have a look: Power Apps Modern Tab List Control [Everything in Detail]

How to Use Power Apps Modern Radio Group Control

In the example below, we will explain how to use the Modern Radio Group Control in the Power Apps Canvas app.

  • The below screenshot represents a Power Apps Modern Radio Group Control that contains some values like Manual Transmission, Automatic Transmission, etc.
  • All these choice values are retrieved from a SharePoint Online list. Here, we will see how to get the SharePoint Choice Values to Modern Radio Group Control.
Modern Radio Group Control in Power Apps
  • This is the SharePoint Online List named Car Rental Services having various columns with different data types. Apart from that, there is a Choice column called Car Type contains some values like:
    • Manual Transmission
    • Automatic Transmission
    • Continuously Variable Transmission
    • Semi-Automatic Transmission
  • Now, we will retrieve all these SharePoint Choice values to Power Apps Modern Radio Group Control.
How to Use Power Apps Modern Radio Group Control
  • To achieve this, select the Modern Radio Control and apply the code below on its Items property as:
Items = Choices('Car Rental Services'.'CarType')

Where,

  1. Car Rental Services‘ = SharePoint List Name
  2. CarType‘ = SharePoint Choice Column [Internal Name]
Use Power Apps Modern Radio Group Control
  • Also, if you want to get the Modern Radio Group’s selected item, then add a Modern Text control and set its Text property as:
Text = RadioGroupCanvas2.Selected.Value

Where,

See also  Power Apps Dataverse Choices [Complete Guide]

RadioGroupCanvas2 = Modern Radio Group Control Name

Power Apps Get Modern Radio Values in Label Control
  • SavePublish, and Preview the app. When we will select any choice value from the Radio group control, it will display in the Modern text control as shown in the above image.

This is how to use Power Apps Modern Radio Group Control in the Canvas app.

Additionally, you may like some more Power Apps tutorials:

This Power Apps tutorial covered the Modern Radio Group Control in great detail, including its important properties and an easy example of how to use it in Power Apps.

Additionally, we learned how to enable the Power Apps Modern Controls in the Canvas app.

>