PowerApps CheckBox – How to use

Want to know how to use PowerApps checkbox control? Keep reading this PowerApps tutorial to know how to use the PowerApps check box control inside a PowerApps app.

Also, By taking some simple scenarios, We will cover these many below topics that are related to PowerApps Checkbox control.

• PowerApps checkbox control Properties
• PowerApps checkbox control Examples
• PowerApps checkbox in gallery
• PowerApps checkbox multiple
• PowerApps if checkbox is checked
• PowerApps set checkbox value
• PowerApps checkbox checked value
• PowerApps multi choice checkbox
• PowerApps yes/no checkbox
• How to reset a PowerApps checkbox control
• How to save PowerApps checkbox value to SharePoint list
• How to set the default value in a PowerApps checkbox control
• PowerApps CheckBox text on left

PowerApps checkbox

• PowerApps Check box is an input control where the user can select or clear to set its value to true or false. The user can specify only the Boolean value (Yes/No).
• You can check or uncheck the check box control to select or deselect it.
• When a user will select the check box, the value will be true and when it is cleared, then the value will be false.

PowerApps checkbox Properties

Below represents some important and useful properties of Powerapps Check Box control:

• Text = It specifies the text that appears on control or you need to type a text into the control.
• Value = This specifies the value of input control.
• Default = The initial value of control before it is changed by the user.
• BorderColor = It helps to display the color of a control’s border.
• OnCheck = It specifies how an app responds when the value of a checkbox or a toggle changes to true.
• OnSelect = It specifies how the app responds when the user taps or clicks a control.
• OnUncheck = It specifies how an app responds when the value of a checkbox or a toggle changes to false.
• Reset = It specifies whether the control reverts to its default value.
• Size = It helps to set the font size of the text that appears on a control.
• Visible = It specifies whether a control appears or hidden.
• CheckmarkFill = It defines the color of the checkmark in a checkbox control.
• Color = It defines the color of the text in a control.
• Fill = It specifies the background color of a control.

Read PowerApps StartsWith and EndsWith Functions

PowerApps checkbox Examples

To understand better below represents a simple scenario that how to use a PowerApps Checkbox control in your PowerApps app. Follow the below steps.

Step-1:

• On your PowerApps screen, Insert a PowerApps CheckBox Control (Insert -> Input -> Check box). Rename to the Check box control to “chkInput” by double clicking on it.
• Select the checkbox control and set its Text property to “Check Now” as shown below.

Step-2:

• Next, add a PowerApps DatePicker control and apply this below formula on its Visible property as:

Visible = If(chkInput.Value = true, true)

Where,

chkInput = Checkbox input control name

• This above code specifies if the check box is true, then the Datepicker control will appear to user otherwise it will in hidden mode.

Step-3:

• Now Save and Preview (F5) the app. Set the check box value property to False, you can not see the Date Picker control in the screen.
• Similarly, again set the check box value property to True, then the date picker control will visible to you as like in the below screenshot.

This is how we can add a checkbox control in PowerApps app.

PowerApps checkbox in gallery

In this scenario, We will see how we can work with PowerApps Checkbox control in the Gallery control.

• In this example, I want to create some individual checkboxes that users can randomly check each row(s) on it. On the PowerApps screen, I have a Vertical Gallery Control.
• Already I have connected the SharePoint list data source to the gallery control and populated all items or information that I need for each line.
• Now I want to add a checkbox at the end of each line and then convert the check box value to yes/no for the checked lines in the data source. Also, I need to add a comment section for each row, so that the user can comment on each product. The specific item will update in the specific SharePoint list.
• Below represents the SharePoint list named Products. This list has these many below columns (with different data types) including a Yes/No field (“Received“) and a single line text Comment field (“Comments“).

• At first what you want to do is, Insert a Vertical Gallery control and connect the specific SharePoint List (Products) to the gallery control.
• Select the gallery control and set its Layout to Title and subtitle. Expand the width of the first item in the gallery, add one Checkbox control and a Text input control as shown in the below screenshot.
• Once you will add these input controls to one item in the gallery, then it will add automatically them to the rest of the item. That means you do not need to add all these inputs in each and every row in the gallery control.
• Select the CheckBox control and set its Text property to Received. Again, select the checkbox control and apply this below formula on its Default property as:

Default = ThisItem.Received

Where,

Received = SharePoint list column (Yes/No data type)

• Similarly, Select the Text input control and set this below formula on its Default property as:

Default = ThisItem.Comments

Where,

Comments = SharePoint list column (multi-line of text data type)

• Next, we need to update the values (Approved and Comments) in the SharePoint list. For that, We have to add a Button input and rename it to Save. Here, We will use the PowerApps Patch Function.
• Select the save button and apply this below formula on its OnSelect property as:

OnSelect = Patch(
    Products,
    ThisItem,
    {
        Received: Checkbox2.Value,
        Comments: TextInput1.Text
    }
)

Where,

1. Patch = PowerApps Patch Function is used to modify single or multiple records of a data source.
2. Products = SharePoint List Name
3. Received = SharePoint Yes/No field column name
4. Comments = SharePoint multiline column name
5. Checkbox2 = Checkbox input control name
6. TextInput1 = Text input control name

You can refer to the below screenshot.

• Now Save and Preview (F5) the app. Lets make the changes of the first item. Make true value to the Received check box control, enter some text in the comment box and then click on to the Save button.
• Not only you can modify only single item, but also at a time, you can update multiple items in the gallery control.

• Go to that specific SharePoint list (Products). There you can see that particular item values (Received and Comments) have been modified as like the below screenshot.

This is how to use the PowerApps checkbox inside the Gallery control in PowerApps.

Also, you may like, PowerApps CountRows function.

PowerApps checkbox multiple

In most cases, you may think that how a user can check the multiple checkbox controls in the PowerApps app. There are some easier steps to select the multiple checkboxes in PowerApps that you can follow as:

Step-1:

• The below screenshot represents a SharePoint list named Project Details. This list has these many below columns (with different data types) including a Choice column as Client.
• The Client column is having these many below choices:

1. Conros
2. TSInfotechnologies
3. Intel
4. HCL
5. Dynamic Systems

Step-2:

• In the PowerApps app, there is an Edit form that is connected with the specific SharePoint list data source (Project Details). Once the form is connected, then the fields will display as shown in the below screenshot.
• Here, the Client field will display with the Combobox control or Dropdown control in the form. Instead of the Combobox, I want to insert a Check box control where the user can select the multiple-choice values.

Step-3:

• At first what you will do is, Expand down to the Client Data card and add a Blank vertical Gallery control (Insert -> Gallery -> Blank Vertical).
• Once you will add the gallery control, you can see it has been added to the out of the form. To insert in the Client data card, Cut the gallery (Gallery -> Click on … -> Cut) and paste it within the Client data card.

• Go to the Client data card and Paste the gallery (Client Data Card -> Click on … -> Paste) into it as shown in the below screenshot. Now the gallery control will visible inside the client data card.

Step-4:

• Next, Select the Gallery control and Resize or fit it (Height and Width) with the data card value.
• Click on the “Add an item from the insert pane” and add a Check box control into it.

Step-5:

• Once you will insert the check box control, drag it down or expand down to the gallery, then you can see there will appear multiple choice boxes.
• Now select the gallery control -> Go to the Properties pane -> Make the Wrap count to 3 (as per your choice) as in the below screenshot.

Step-6:

• Now you can remove the Client Combo box or Dropdown control. When you will remove it, two new errors will appear in its Update and Y Property.
• Edit the formula bar and remove the code from the Update property.
• Similarly, again edit the formula bar and apply this below formula on its Y property as:

Y = Gallery5.Y - Gallery5.Height

Where,

Gallery5 = Gallery control name

• Now select the gallery control and apply this below formula on its Items property as:

Items = Choices([@'Project Details'].Client)

Where,

1. ‘Project Details’ = SharePoint list name
2. Client = SharePoint choice column

Step-7:

• Select the check box control from the gallery and set its Text property as:

Text = ThisItem.Value

• Once you will apply the above formula, you can see all the choices are retrieved from the SharePoint choice field (Client) as shown in the below screenshot.

Step-8:

• Save and Preview (F5) the app. Now you can select multiple check box values from the Client field as shown below.

This is how we can use the PowerApps checkbox multiple options.

PowerApps if checkbox is checked

Next topic we will cover how the if statement works with the PowerApps Checkbox control. Refer to these below examples.

Example -1:

In the Powerapps screen, there will be a Check box control and a Button input. Now what I want to do is, I would like to have a checkbox that when it checked, then the button will become active mode. But make sure, it will only be active when I click in the checkbox.

• For the above requirement, Select the Button input (Hit me) and apply this below formula on its DisplayMode property as:

DisplayMode = If(
    Checkbox21.Value = true,
    Edit,
    Disabled
)

Where,

Checkbox21 = Checkbox control name

• The above code specifies, if the check box control is checked, then the button will in active mode otherwise it will in disable mode.

• Save and Preview (F5) the app. Check the check box control, then the button will in active mode. Again, uncheck the check box, then you can see the button will be inactive or disable mode as shown in the below screenshot.

Example -2:

In this example, I want to make the button will visible when the check box is checked otherwise the button will invisible to the user (in case of the check box is unchecked).

• Select the Button control (Hit me) and apply this below formula on its Visible property as:

Visible = If(
    Checkbox21.Value = true,
    true,
    false
)

• The above code specifies, if the check box is checked, then the button will appear otherwise it will invisible to the user.
• Save, Preview, and run the app by checking and unchecking the check box control.

This is how we can check if PowerApps checkbox is checked or not.

PowerApps set checkbox value

Next comes how we can set a checkbox value in PowerApps. In this example, We will see how to “automatically check a checkbox” when a field is having some input or text in the app.

• Refer to the below screenshot. You can see in the first image, When the text field is empty, then the check box is not ticked.
• But when you will enter some text in the text input control, then the check box will tick automatically as shown in the below screenshot. Follow the below things that you want to do.

• Select the Checkbox control and appy this below formula on its Default property as:

Default = If(
    !IsBlank(TextInput2),
    true,
    false
)

Where,

TextInput2 = Text input control name where you will enter some text. Not only you can use text input, but also you can use a Date Picker control, Label, etc.

• So the above code specifies, if the text input is not blank, then the check box will automatically check otherwise it will not check.

This is how we can set checkbox value in PowerApps.

PowerApps checkbox checked value

This is the scenario that will help you to describe how to get PowerApps Checkbox checked value.

• In the below example, there is a PowerApps gallery control that is having a Check box input control and as well as a Dropdown control.
• Now what I want to do is, When a user will tick the check box from the gallery, then the dropdown control will visible and at the same time the user will select any value from the dropdown control.
• Similarly, when the user will uncheck the check box, then the dropdown control will invisible to the user and the user can not select any value.

• For this requirement, Select the dropdown control and apply this below formula on its Visible property as:

Visible = If(
    Checkbox5.Value = true,
    true,
    false
)

Where,

Checkbox5 = Check box input control name

• This above code specifies, If the check box is checked, then the drop down control will visible to the user otherwise it will not visible.

You can refer to the below screnshot for your reference.

This way, we can get the PowerApps checkbox checked value easily.

PowerApps multi choice checkbox

In this scenario, We will see how we can check or tick multiple choice values at a time from the PowerApps Checkbox control.

• The below represents a SharePoint List named SharePoint Project Expenses. This list has these many below columns (with different data types) including a Choice column named Project Location.
• This choice column is having seven different choice values like “Bangalore”, “Hyderabad”, “Mumbai”, “Chennai” and so on.

• On the PowerApps screen, I have an edit form that is having of specific SharePoint list data source (SharePoint Project Expenses).
• You can see the SharePoint choice column (Project Location) is appearing with a Combobox control as shown below.
• Here what happens is, whatever you are selecting the value from the combo box, that value is only appearing in the Combo box control.
• In case, suppose the user will want to select all the choices from the combo box control, then the user will select one by one.
• Instead of selecting one by one choice, you can have an option like “Select All”. That means, if the user wants to select all the choices, then he/she can check the check box and it will select all the values from the combo box control.
• When the user selects the choice value individually, then those values are appearing in the combo box control as shown in the below screenshot.

• As I discussed, If the user wants to select all the choice values from the combo box, then the user will only tick the Select All option and the values will add automatically in the combo box control. Follow the below things to do so.

• Insert a Check box control besides the Combo box control and set its Text property to “Select All“.
• Select the Check box control and apply this below formula on its OnSelect property as:

OnSelect = If(
    Checkbox3.Value,
    Set(
        SelectedItems,
        [
            "Bangalore",
            "Hyderabad",
            "Mumbai",
            "Chennai",
            "Pune",
            "Delhi",
            "Gujarat"
        ]
    ),
    Set(
        SelectedItems,
        []
    )
)

Where,

1. Checkbox3 = Check box control name
2. SelectedItems = It is a variable that I define in the DefaultSelectedItems property of the Combo box control (Refer to the next screenshot)
3. “Bangalore“, “Hyderabad“, “Mumbai” and so on = These are the choice values

• To set the variable, Select the Combo box control and set its DefaultSelectedItems property as:

DefaultSelectedItems = SelectedItems

• Now Save and Preview (F5) the app. Enter the fields in the form including the Project Location field (Checking with Select All option).
• Once you will check, you will see that, it will display only one choice-value (first choice value) in the combo box control. But, We need to display all the choices from the Combobox.
• What you can do is, Select the Combo box control -> Go to Properties tab -> Enable the Allow multiple selections option as shown below.
• Then again save and preview the app. Once you will check the check box control, you can see all the choices in the combo box control.

PowerApps yes/no checkbox

In this topic, we will see how the Yes/No check box works within the Powerapps app. Follow to this below simple example.

• Here, On the PowerApps screen, I have a Powerapps Edit form and the data source is a SharePoint list named Products. All the data fields are retrieved from that specific SharePoint list.
• This list has a Yes/No field named Received. Follow these below instructions that I want to do is: (there will be the received field in the form)
• When I will check the control to “true“, then the value will be saved as “Yes” in the specified SharePoint list.
• Similarly, When I will uncheck the control to “false“, then the value will be saved as “No” in the specified SharePoint list.
• To do so, select the checkbox data card (instead of toggle control, you can use Checkbox control) and apply this below formula on its Update property as:

Update = If(
    DataCardValue9.Value = true,
    true,
    false
)

Where,

DataCardValue9 = Checkbox data card name

• The above code specifies, If the checkbox control value is true or if the checkbox is checked, then the value will save as True or Yes otherwise it will False or No.

• Next Save and Preview (F5) the app. Enter all the field values, set the checkbox value to True, and click on the Submit button.
• When you will click on submit button, then the value will save into the existing SharePoint list (Products).

• Now go to the SharePoint list, there you can see the item has been saved with the checkbox value as Yes as like the below screenshot.

PowerApps checkbox reset property

Do you want to reset a check box control in PowerApps? Then you can use the Reset property of the Check box control.

• Basically what happens is When a user enters the form for the first time and at the same time, if he/she wants to add or update the item, then he goes to the back and updating the item. But at the same time, the previous selections of checkboxes remain as it is until you refresh or reload the form.
• To resolve this type of issue, PowerApps Check box input control is having a property named Reset. Reset property specifies whether the control reverts to its default value. How you can use it, refer to these below examples.

Example – 1: (PowerApps Reset checkbox control in Gallery)

In this example, We will see how to reset a single checkbox or multiple checkboxes in the PowerApps Gallery control.

• The below screenshot represents a PowerApps Gallery Control that is having Check box controls. Here what I want to do is, I need to reset the checkboxes from the gallery when a user opens the app for next time.
• To do so, select the Check box control and set a variable to its Reset property as:

Reset = ResetCheckboxes

Where,

ResetCheckboxes = Variable name

• Next, to reload or refresh the check box in the gallery control, Insert a Reload icon (not only you can add a Reload icon, but also you can use a button input) and apply this below formula on its OnSelect property as:

OnSelect = Set(ResetCheckboxes,true)

Where,

ResetCheckboxes = Variable name that you specified in the check boxes Reset property

• This above formula specifies the variable will true when a new form or app will open.

• Now Save and Preview (F5) the app. Click on the reload icon (if one or all the checkboxes are checked), then you can see the all the checkboxes will clear from the gallery control.
• Again what you will do is, check one or all the checkboxes and again click on the reload button, then the checkboxes will not clear from the gallery control.
• Because the formula will work when the user will open only the new form, gallery, or app.
• Suppose you want to clear the checkboxes for every time the user wants (on the same screen), then you can follow this below formula on Reload icons OnSelect property as:

OnSelect = UpdateContext({ResetCheckboxes: true});
UpdateContext({ResetCheckboxes: false})

Where,

ResetCheckboxes = Variable name that you specified before.

• Once you will save, preview, and run the app, you can clear one or all the checkboxes every time (on the same screen) as per your need.

This is how to reset a check box control in PowerApps.

Example – 2: (Reset all checkboxes on PowerApps Form)

• Suppose there is a PowerApps Edit form and it is having some check box controls as shown below.
• When the user will enter the fields (including checkboxes) and submit the item, then the item will save into a SharePoint list and the form will reset (including all checkboxes).
• So that when the user will open the form next time, then the form will clear and the user can enter the new item.
• For that, Select the Button input (Save) and apply this below formula on its OnSelect property as:

OnSelect = SubmitForm(Form3);ResetForm(Form3)

Where,

Form3 = PowerApps Edit form name

Refer to the below screenshot.

• Similarly in the other case, if there are some checkboxes outside of a form, then you need to reset controls one by one. Where usually, we can use the Reset function to reset control.
• To do so, apply this below code on Button’s OnSelect property as:

OnSelect = Patch(....);//update data
Reset(Checkbox1);
Reset(Checkbox2);
Reset(Checkbox3);
Reset(Checkbox4)

Where,

Checkbox1, Checkbox2 and so on = Check box input control name

This is how we can reset all checkboxes on PowerApps Form.

PowerApps checkbox SharePoint list

In this scenario, We will discuss how to save a PowerApps check box control value in a SharePoint list.

There are two different ways to save the check box values in the SharePoint list as:

1. Save the Checkbox value into a single line of Text column of your SharePoint list
2. Save the Checkbox value to a Choice type column of your SharePoint list

Example – 1: (Save the Checkbox value into a Single line of Text column of your SharePoint list)

Here we will see how to save the Checkbox value into a single line of Text column of your SharePoint list.

• There is a SharePoint list named Gadget Details. This list has a single line of text column named Gadget Color.
• On the PowerApps screen, I have three check box controls with these below values:
  • White
  • Black
  • Blue

• I need to save the PowerApps Check box value in the SharePoint list. That means, When the user will check any check value, then that particular value will store in the SharePoint list.
• Select the Check box control (the check box value that you want to save) and apply this below formula on its OnCheck property as:

OnCheck = Patch(
   'Gadget Details',
    Defaults('Gadget Details'),
    {
     Title:"Laptop",
     'Gadget Color': Checkbox9.Text
    }
)

Where,

1. Patch = PowerApps Patch Function is used to modify single or multiple records of a data source
2. Gadget Details = SharePoint List name
3. Title = Title column from the SharePoint list
4. Gadget Color = Single line of text column where the check box value will store
5. Checkbox9 = Check box control name (this value will store in the SharePoint list once the user will check it)

• As I want to save the White color, that’s why I have applied the formula on the White check box controls OnCheck property as like the below screenshot.

• Save and Preview the app -> Put a tick on the White color check box from the screen -> Go to the existing Sharepoint list (Gadget Details).
• You can see the new item will add with the specified check value as shown below.

Example – 2: (Save the Checkbox value to a Choice type column of your SharePoint list)

• Similarly, suppose you want to save the check box value to a Choice data type column of the SharePoint list. That means, in your SharePoint list, there is a choice column and you want to store the choice by using the PowerApps Check box control.
• Then what you can do is, you need to apply this below formula on the Check box’s OnCheck property as:

OnCheck = Patch(
    'Gadget Details',
    Defaults('Gadget Details'),
    {
        Title:"Tablet",
        Color:{
           '@odata.type':"#Microsoft.Azure.Connectors.SharePoint.SPListExpandedReference",
            Value: Checkbox11.Text
        }
    }
)

Where,

1. Color = SharePoint List Choice column name
2. Checkbox11 = Check box control name (this value will store in the SharePoint list once the user will check it)

• As I want to save the Blue color, that’s why I have applied the formula on the Blue check box controls OnCheck property as like the below screenshot.

• Save and Preview the app -> Put a tick on the Blue color check box from the screen -> Go to the existing Sharepoint list (Gadget Details).
• You can see the new item will add with the specified check value as shown below.

This is how to save the Checkbox value to a Choice type column of your SharePoint list.

PowerApps checkbox default value

Do you worry about how to set PowerApps Checkbox default value? To make it easier, let’s take a simple example.

• There is a SharePoint list named Employee Info. This list is having these many columns with different data types as:

1. Employee Name: By default, this is a title column, just I renamed it to Employee Name.
2. Month: This is a Choice column that is having all months.
3. Training: This is a single line of text column.
4. Attended: This is the Yes/No field column. This represents any of the employee attended or not in the training time.

• Next what I want to do is, there is a gallery control in the screen that is having the Employee Name and as well the Attended column.
• I need to display the attended value (boolean value) in a check box control (outside of the gallery). That means, When I will select one specific record from the gallery, then the check box control will show that particular attended value (Yes/No).
• When the attended value is true, then the check box will tick and when it is false, then the check box value will uncheck as shown in the below screenshot.

• For that, you can use the Default property of Check box control. Select the Check box control and apply this below formula on its Default property as:

Default = If(
    Gallery6.Selected.Attended = true,
    true,
    false
)

Where,

1. Gallery6 = Gallery control name
2. Attended = Yes/No column from SharePoint list

• The above code specifies if the gallery selected attended value is true, then the check box will tick otherwise the check box will not tick.

This is how to set PowerApps Checkbox default value.

PowerApps CheckBox text on left

• Most of the PowerApps users may think that how they can change the text alignment of a Check box control depending upon their requirements.
• Coming to the answer to this thought is, the text inside the PowerApps checkbox control virtually does not play any role than a label control.
• The below screenshot represents the check box control where the text is displaying on its right side and I want to make it display on the left side of the check box control.

• As it is not possible to change the text-align, so refer to the below processes that you can do.
  • Set the Text label of the checkbox control to ” “ (make it blank)
  • Adjust the real checkbox to the user’s desire size as shown below.

• Next, Inset a Label control on the check box’s left side as like the below screenshot.
• At last, Select the Label control and set its Text property to “Income Tax Certificate“.
• If you want to do these things in the PowerApps gallery control, then this will work for you.

This is how to align a text to left in a PowerApps checkbox control.

Also, you may like these below PowerApps Tutorials as:

• PowerApps First, FirstN, Last, and LastN function with examples
• PowerApps LastSubmit() with Examples
• PowerApps AddColumns Function with Examples
• PowerApps Patch Function with examples
• PowerApps ForAll Function with examples
• PowerApps if statement with examples
• PowerApps Replace Function with examples
• PowerApps Collection: Add, Update, Remove and Filter items
• PowerApps Employee Directory
• PowerApps Pen input control (PowerApps signature)
• PowerApps SharePoint Lookup Column + PowerApps Dropdown Example
• How to add PowerApps app to Microsoft Teams – Step by Step

In this PowerApps Tutorial, We discussed what is PowerApps Checkbox control, and how to use the checkbox control PowerApps app.

Also we covered the below topics related to the PowerApps checkbox control.

• PowerApps checkbox control Properties
• PowerApps checkbox control Examples
• PowerApps checkbox in gallery
• PowerApps checkbox multiple
• PowerApps if checkbox is checked
• PowerApps set checkbox value
• PowerApps checkbox checked value
• PowerApps multi choice checkbox
• PowerApps yes/no checkbox
• PowerApps checkbox reset property
• PowerApps checkbox SharePoint list
• PowerApps checkbox default value
• PowerApps CheckBox text on left