How to Change Radio Button to Checkbox in Power Apps?

Do you want to change a radio button to a checkbox in Power Apps? In this tutorial, I have explained how to change a radio button to a checkbox in Power Apps.

Here, we will discuss converting a Power Apps Radio button to a Check box in Edit form. Then, we will see how to select a single value in the Power Apps Check box.

Last, we will cover how to select multiple items in the Power Apps Check box and submit Power Apps New form data to a SharePoint list.

Change Power Apps Radio Button To Checkbox

Here, we will discuss two ways to change the Power Apps Radio button to a Check box. Such as:

• Change Power Apps Radio Button To Check Box Single Value
• Working With changing Power Apps Radio Button To Check Box Multiple Values

Change Power Apps Radio Button To Check Box Single Value

Let’s take a simple scenario: I have a SharePoint Online list named “Employee Task List,” and this list contains the below fields.

Column Name	Data Type
Task	It is a default single line of text, I just renamed it as “Task”
Assigned To	Person or Group
Status	Choice
Start Date	Date and time
End Date	Date and time

In Power Apps, I have created an Edit form and connected it to the SharePoint list. Here, you can see that the Power Apps Radio button has the SharePoint list choice field items.

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

To achieve this, follow the below-mentioned steps. Such as:

1. Create Power Apps Canvas app -> Connect your respective SharePoint Online list as shown below.

2. On the Power Apps Screen, insert the Edit form and connect the DataSource as a SharePoint list.

DataSource = 'Employee Task List'

3. If you want to add/remove SharePoint fields and change form customization, then, you can use the Edit form’s Properties pane.

4. Also, remember that whenever you want to add a new record from Power Apps to the SharePoint list, you should change Power Apps Form Default mode to “New” as shown below.

5. You can see here, in the Power Apps Edit form, the SharePoint choice values display on the Radio button control.

6. Now, I don’t want to display the choice field value in the Radio button control. I want to show the choice field value in the Check box control.

7. For that, copy the Radio button’s Items property and DataCardValue, then remove the Radio button.

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

Items = Choices([@'Employee Task List'].Status)

9. Now, insert a Check Box control inside a Power Apps gallery control and set its Text property as:

Text = ThisItem.Value

10. Whenever we add a Check box control, we can select multiple check box values. However, our requirement is only to select a single check box value instead of multiple selections.

11. To do so, set the Check box’s OnCheck, Default, and DisplayMode properties as shown 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

12. In the last, insert a Save icon and set its OnSelect Property as:

OnSelect = SubmitForm(frm_NewEmployeeTask);
ResetForm(frm_NewEmployeeTask)

Where,

• SubmitForm() = We can use this function to save any changes in the Edit form control to the respective data source
• frm_NewEmployeeTask = Power Apps Edit Form Name
• ResetForm() = This Function resets the contents of a form to their initial values

13. Once your Power Apps app is ready, Save, Publish, and Preview the app.

14. Whenever the user adds a new record in the Power Apps form, the Check box will allow to select only a single check box value, as shown below.

15. Once your new record is entered, just click on the Save icon to submit data from the Power Apps form to the SharePoint list, as in the screenshot below.

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

Change Power Apps Radio Button To Check Box Multiple Values

Let’s see how to change the Power Apps Radio button to Check box multiple values.

Example:

1. Here, I will also take the above example to achieve this example. As I said, Whenever we add a Check box control, we can select multiple check box values.

2. Also, if you want to store these multiple choices in the SharePoint list, you must change the SharePoint list “Choice” field property to Allow multiple selections as in the screenshot below.

3. Now, In the Power Apps Edit form, we are getting an error on the Status_DataCard. To resolve it, just refresh the Data connection [Go to Data object -> Select the SharePoint list -> Click on the Refresh icon].

4. Then, Delete the Status_DataCard and again add it from the Edit Filed as shown below.

5. Now, we can select multiple-choice values from the Check box control as shown below.

6. Save, Publish, and Preview the app. When a user adds a new record with multiple Check box values, it will be added to the SharePoint list, as in the screenshot below.

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

Conclusion

From this Power Apps tutorial, we learned all about changing a Power Apps Radio button control to a Check box, including:

• How to convert the Power Apps Radio button to a Checkbox in Edit form
• Change Power Apps Radio Button To Check Box Single Value
• Working With changing Power Apps Radio Button To Check Box Multiple Values

You may also like:

• Power Apps Radio Button Yes No Value
• How to Filter Gallery By Radio Button in Power Apps?
• How to Set Radio Button Default Value in Power Apps?
• How to Change Power Apps Toggle to Radio Button?