Power Apps Check Box Control [With Examples]

Have you ever worked with a Power Apps Check box control? If Not, Then follow this complete tutorial!

In this Microsoft Power Apps tutorial, I will explain everything about Check box control in Power Apps with various examples.

Moreover, I will show you what are the properties of a Power Apps checkbox control and many more like:

  • Add Power Apps Check box control
  • How to work with a Power Apps checkbox control

Check Box in Power Apps

The Power Apps checkbox control is a user-selectable control that allows users to select one or multiple options from a list of choices.

The checkbox control can be selected or deselected by clicking on it. Once a user selects the checkbox, its value will be true, and when it’s deselected, the value will be false.

Power Apps Checkbox Properties

In this section, I will explain the properties of the Power Apps checkbox control.

Property NameDescription
Border ColorA user can specify the color for a border.
Border StyleThis property specifies the type of border that the control should have [“Solid,” “Dashed,” “Dotted,” “None”].
CheckboxBackgroundFillThe color of the background box enclosing the checkmark in a checkbox control.
CheckmarkFillThis controls the color of the checkmark within a checkbox.
DefaultThe item should be selected by default when the user opens the app. We can specify a single item to the check box default property
DisplayModeDetermines whether it enables user input (Edit), only displays data (View), or is disabled (Disabled).
FocusedBorderColorThe color of a control’s border when it is in focus.
HoverBorderColorSpecify the color of a control’s border when the user hovers the mouse pointer.
OnCheckThis specifies how an app reacts when a toggle or checkbox’s value transitions to true.
OnSelectWhen the user clicks on a control, it specifies what action to perform.
OnUncheckThis specifies how an app reacts when a toggle or checkbox’s value transitions to false.
PressedBorderColorThis refers to the color of a control’s border when a user taps or clicks on it.
ResetResetting the controls to their default value can be beneficial.
Size It specifies the text appearing on the control, or you need to type it into the control.
Text It specifies the text on the control, or you need to type it into it.
Visible It specifies the text appearing on the control, or you need to type it into the control.

These are the properties of a Power Apps toggle control.

How to Add Power Apps Check Box Control

I will show you how to add a check box in Power Apps.

  • Sign into Power Apps with your valid Microsoft 365 Credentials.
  • Create a Blank canvas app -> On the Power Apps screen, insert a Check box control. [Click on +Insert -> Expand Input -> Select Check box].
Power Apps check box control
  • By default, the toggle control name will be “Checkbox1“; you can Rename it using “chk” based on your requirement.
Check box in Power Apps

This is how we can insert a Power Apps check box control.

How to Use Power Apps Check Box Control

This section will show you how to use a Power Apps checkbox control with different examples.

Example 1:

I have created a Blank canvas app and added a Checkbox; whenever the user checks the check box, the Button control [Proceed] will be visible, but it will be in hidden mode as shown below:

How to use check box in Power Apps

Let me show you how to achieve this:

  • On the Power Apps screen, insert a Check box control -> Set its Text property to:
"Agree Terms and Conditions"
How to use Power Apps check box
  • Now, I will rename the toggle switch to “chk_Terms&Condition” as shown below:
Add check box in Power Apps
  • Insert a Button control -> Set its Visible property as:
If(
    'chk_Terms&Condition'.Value = true,
    true,
    false
)

Where,

  1. chk_Terms&Condition = Check box control name
How to work with a Power Apps check box
  • Once the app is ready, SavePublish, and Preview the app. Whenever the user checks the checkbox, the button control will be visible.
How to work with a check box in Power Apps

This is how we can work with Power Apps Check box control.

Example 2:

On my Power Apps screen, I have added a Checkbox control as “Transaction is Completed.” Upon checking the box, the user will receive an “Add picture media” prompt, allowing them to upload a picture of their transaction receipt.

Work with a check box in Power Apps

Otherwise, if the user unchecks the check box, the user will receive an error notification as “Please Complete your Transaction.”

Power Apps check box value

Follow the below steps to achieve this:

  • On the Power Apps screen, insert a Checkbox -> Set its Text property as “Transaction is Completed” as shown below:
Add Power Apps check box
  • Insert an Add picture -> Set its Text property as;
Tap to Upload an Transaction Receipt
How to add check box in Power Apps
  • Select the Add picture -> Set its Visible property as:
If(
    chk_Transaction.Value = true,
    true,
    false
)

Where,

  1. chk_Transaction = Checkbox control name
Power Apps check box examples
  • Select the Checkbox -> Set its OnUncheck property to:
Notify(
    "Please Complete your Transaction",
    NotificationType.Error,
    4000
)
How to add Power Apps check box
  • Once the app is ready, SavePublish, and Preview the app. Whenever the user checks the checkbox, they will receive an “Add picture media” prompt, allowing them to upload a picture of their transaction receipt.
Power Apps check box
  • Otherwise, if the user unchecks the check box, the user will receive an error notification as “Please Complete your Transaction.”
How to use check box in the Power Apps

This is how we can work with a Power Apps check box control.

Conclusion

I hope this Power Apps tutorial gave you the complete information about “Power Apps check box control.”

Lastly, I will show you what are the properties of a Power Apps check box control and many more:

  • How to add Power Apps check box control
  • How to use Power Apps check box control

Additionally, you may like some more Power Apps tutorials: