How to Change Power Apps Radio Button to Checkbox? [2 Various Ways]

A few days back, I created a Power Apps form to submit the employee task details. That form has a Status field [Not Started, In Progress, and Completed]. Before, I used a Power Apps Radio control to display all the status values in the form. But later, I wanted to change the Power Apps Radio control to a Checkbox control.

In this article, I will show you how to change Power Apps Radio button to Checkbox control with different scenarios.

Change Power Apps Radio Button to Checkbox

There are two ways to change the Power Apps Radio to the check box control. Such as:

  • Change the Power Apps radio button to a check box with a single value
  • Change the Power Apps radio button to a check box with multiple values

Change the Power Apps radio button to a check box with a single value

Let’s see how we can change the Power Apps radio to a checkbox control with a single selection.

I have a SharePoint list named Employee Task List containing the fields below.

Column NameData Type
TaskTitle column with a single line of text
Assigned To Person or Group
StatusChoice
Start DateDate and time
End DateDate and time
Change Power Apps Radio Button To Check Box

I created an Edit form in Power Apps and connected it to the SharePoint list. Here, you can see that the Power Apps Radio button has the SharePoint list choice values [Not Started, In Progress, and Completed].

Change Power Apps Radio Button Control To Check Box

However, I want to display the SharePoint list choice field values in a checkbox control, and the user should only select a single checkbox value, as in the screenshot below.

How to Change Power Apps Radio Button to Check Box

To achieve it, follow the instructions below:

1. Copy the Radio button’s DataCardValue Items property, then remove the Radio button.

2. Next, select the Status_DataCard1 -> Insert a Blank vertical gallery control and set its Items property and DataCardValue using the Radio button values [Which we already copied].

Items = Choices([@'Employee Task List'].Status)
Convert a Power Apps Radio Button to Check Box

3. Now, edit the gallery and add a Check Box control. Set the Check box’s Text property as:

Text = ThisItem.Value
Change Radio Button To Check Box in Power Apps

4. Whenever we add a checkbox control, we can select multiple checkbox values. However, we must choose only a single checkbox value instead of multiple selections.

Change Radio Button To Check Box in Power Apps app

5. As shown below, set the Check box’s OnCheckDefault, and DisplayMode properties to the code below:

OnCheck = Set(
    varCheck,                                                         //OnCheck Property
    gal_Emp.Selected.Value
)

Default = varCheck=ThisItem.Value               //Default Property

DisplayMpde = If(
    varCheck = ThisItem.Value,                        //DisplayMode Property
    DisplayMode.View,
    DisplayMode.Edit
)

Where,

  • varCheck = Power Apps Variable Name
  • gal_Emp = Power Apps Gallery Name
Change Power Apps Radio Button To Check Box Control

6. That’s it to do. Now, Save, Publish, and Preview the app. Whenever the user adds a new record in the Power Apps form, the check box will allow the user to select only a single check box value, as shown below.

How to Change Power Apps Radio Button to Check Box Control

7. Once you submit the new task [along with the check box value], the check box single value will be stored in the SharePoint list below.

How to Change Power Apps Radio Button Control to Check Box Control

This is how to change a Power Apps Radio button to a Check box with a single value.

Change the Power Apps radio button to a check box with multiple values

Next, we will see how to convert the Power Apps radio button to a multiple-choice check box.

1. To select multiple status values in the Power Apps check box control, we must first enable the Allow multiple selections option in the SharePoint choice field [Status].

Change Power Apps Radio Button To Check Box Multiple Values

2. If we go to the Power Apps edit form, we will see an error on the Status_DataCard, i.e., This formula uses scope, which is not presently supported for evaluation.

To resolve it, refresh the Data connection [Go to Data pane -> Select ellipses () of the specific SharePoint list -> Refresh].

Change the Power Apps Radio Button to Check Box Multiple Values

3. Delete the Status_DataCard and re-add it from the Edit Field section, as shown below.

Convert Power Apps Radio Button To Check Box Multiple Values

4. Now, save, publish, and preview the app. Just enter or select values from the check box. We can select multiple-choice values from the Check box control, as shown below.

Convert a Power Apps Radio Button To Check Box Multiple Values

5. The checkbox values will also be added to the SharePoint list, as in the screenshot below.

Change a Power Apps Radio Button To Check Box Multiple Values

This is how to change a Power Apps Radio button to a check box with multiple selections.

Also, you may like some more Power Apps articles:

I hope this article helped you understand how to convert the Power Apps Radio button to a Checkbox control with single and multiple selections.

>

Build a High-Performance Project Management Site in SharePoint Online

User registration Power Apps canvas app

DOWNLOAD USER REGISTRATION POWER APPS CANVAS APP

Download a fully functional Power Apps Canvas App (with Power Automate): User Registration App

Power Platform Tutorial FREE PDF Download

FREE Power Platform Tutorial PDF

Download 135 Pages FREE PDF on Microsoft Power Platform Tutorial. Learn Now…