Power Apps Modern Checkbox Control [How to Use]

Looking for more information on Power Apps Modern Checkbox Control? This Power Apps article covers great detail about Modern Checkbox Control in Power Apps, including all of its key properties and how to use it in a simple scenario.

We will also learn how to enable the Power Apps Modern Controls for the Canvas app.

Also, Read: Power Apps Modern Date Picker Control

Power Apps Modern Checkbox Control

• A Power Apps Modern Checkbox control is a type of control whose value can be changed from true to false by the user by selecting or clearing it.
• The user can choose one or more alternatives from a list of possibilities using a Power Apps Modern checkbox control.
• When the tick box is checked by the user, the value is true; when it is unchecked, the value is false.

Refer to the screenshot below that how a Power Apps Modern Checkbox control looks like.

This is the overview of the Modern Checkbox Control in Power Apps.

Power Apps Modern Checkbox Control Properties

The table below represents all the important properties of a Power Apps Modern Checkbox control:

Property	Description
Checked	It specifies the controlled value for the modern checkbox. When true, sets the checkbox’s default state to checked. True: False:
Label	Specify the text that will display in the modern checkbox control.
Display mode	There are three display modes: 1. DisplayMode.Edit – The user can enter values. 2. DisplayMode.View – Users only can be allowed to display the checkbox. 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”).
OnChange	Actions that will be carried out when the Checkbox’s Value property is modified.
Visible	Specifies whether to display or hide the Modern Checkbox Control.
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.

Check out: Power Apps Modern Information Button Control [Complete Guide]

Add Power Apps Modern Checkbox Control

Here, we’ll see how to add a Modern Checkbox Control in the Power Apps Canvas app.

On the Power Apps Canvas app’s Settings page, you must first enable the “Try out the modern controls” option.

If you don’t enable this option, you won’t be able to see the Modern controls in Power Apps. Use these steps to enable Power Apps Modern Controls:

• Sign in to Power Apps with your valid Microsoft credentials.
• Create a New Blank Canvas app (Apps -> + New App -> Canvas).

• Provide a unique name for the app (Power Apps Modern Checkbox 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 Checkbox as below.

• After being added, the Modern Checkbox control’s default name, CheckboxCanvas1, will show up on the screen. You are free to change the name if you’d like.

This is how to add Modern Checkbox 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 Checkbox Control

In the example below, we will explain how to use the Modern Checkbox Control in the Power Apps Canvas app.

• In Power Apps, there is a Modern Checkbox control (Preferred Social Media). When a user will check this control, then a Modern Dropdown control will appear with some options like “Twitter, LinkedIn, Facebook, Instagram“.
• When the modern checkbox value is unchecked, then the modern dropdown won’t appear.

• To achieve this, select the Modern Dropdown control and apply the code below on its Visible property as:

Visible = If(
    CheckboxCanvas1.Checked,
    true,
    false
)

Where,

CheckboxCanvas1 = Modern Checkbox Control Name

• The above code specifies if the modern checkbox is checked by the user, then the modern dropdown will visible otherwise it will be in hidden mode.

• Save, Publish, and Preview the app. When the checkbox is selected, the modern dropdown will show all the available options. The modern dropdown will disappear from the app when you uncheck the checkbox.

This is how to use Power Apps Modern Checkbox Control.

Additionally, you may like some more Power Apps tutorials:

• Power Apps Modern Link Control [Detailed Tutorial]
• Power Apps Modern Table Control
• Power Apps Modern Progress Bar [Detailed Guide]
• Power Apps Modern Badge Control [Complete Guide]
• Power Apps Modern Radio Group Control [With Examples]
• How to Set Gallery First Item in Power Apps Display Form
• How to Delete Power Apps Customize Form from SharePoint List

This Power Apps tutorial covered the Modern Checkbox 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.