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.

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:

Property	Description
Items	Values are listed in a table and shown inside the radio group. Example: [“VISA”, “MasterCard”, “American Express”, “Paypal”]
Fields	You can add the field values to the radio control from a data source like SharePoint, Excel, etc.
Display mode	There 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 label	Label for screen readers.
ContentLanguage	Indicates the audience’s language (for example, “en-US”).
DefaultSelectedItems	The control’s initial values are shown before the user interacts with it.
OnChange	Actions that will be carried out when the Radio button’s Value property is modified.
OnSelect	Actions that will be carried out after pressing the radio group.
Required	Actions will be carried out after pressing the radio group.
Position	X – 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.
Size	Width – The distance between the control’s left and right sides. Height – Distance between the control’s top and bottom.
Visible	Actions will be carried out when the Radio button’s Value property is modified.

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

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).

• Specify a unique name for the app (Power Apps Modern Radio Group Control) -> Choose the Format as Tablet -> Click on Create.

• 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.

• Expand the + Insert tab (from the top) -> go to the Modern tab -> Select the Radio as below.

• 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"]

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.

• 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.

• 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]

• 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,

RadioGroupCanvas2 = Modern Radio Group Control Name

• Save, Publish, 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:

• Power Apps Modern Controls
• Power Apps Modern Table Control
• Power Apps Modern Combobox Control
• How to Add Gallery Data to a Collection in Power Apps
• Create Multiple Tabs in Power Apps Form [Lead Management Apps Example]

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.