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.

Power Apps Modern Checkbox

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:

PropertyDescription
CheckedIt specifies the controlled value for the modern checkbox. When true, sets the checkbox’s default state to checked.
True:
Power Apps Modern Checkbox control properties
False:
PowerApps Modern Checkbox control properties
LabelSpecify the text that will display in the modern checkbox control.
Display modeThere 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 labelLabel for screen readers.
ContentLanguageIndicates the audience’s language (for example, “en-US”).
OnChangeActions that will be carried out when the Checkbox’s Value property is modified.
VisibleSpecifies whether to display or hide the Modern Checkbox Control.
Position– 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.
SizeWidth – The distance between the control’s left and right sides.
Height – Distance between the control’s top and bottom.
Power Apps Modern Checkbox Control Properties

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

See also  How to Create Dataverse View

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).
Add Modern Checkbox Control in Power Apps
  • Provide a unique name for the app (Power Apps Modern Checkbox Control) -> Choose the Format as Tablet -> Click on Create.
Modern Checkbox Control in Power Apps
  • 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.
Enable PowerApps Modern Controls
  • Expand the + Insert tab (from the top) -> go to the Modern tab -> Select the Checkbox as below.
Power Apps Modern Checkbox Control
  • 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.
Power Apps Modern Checkbox examples
  • 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,

See also  Power Apps Sequence Function [With Various Examples]

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.
How to Use Power Apps Modern Checkbox Control
  • SavePublish, 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:

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.

>