Power Apps Checkbox - Modern Controls
Power Apps Checkbox – Modern Controls Purpose A Power Apps checkbox control allows the user to select one or more options from a list of choices. Properties ...
- Published
- Reading time
- 2 min read
Before you start
Is this guide for you?
- Best entry point
- Power Apps
- Time investment
- 2 min read
Imported reference from Matthew Devaney's blog for learning purposes. Original: https://www.matthewdevaney.com/the-complete-power-apps-modern-controls-guide/power-apps-checkbox-modern-controls/. Author: Matthew Devaney.
Power Apps Checkbox – Modern Controls Purpose
A Power Apps checkbox control allows the user to select one or more options from a list of choices. Properties AccessibleLabel
Screen readers will voice this text when a user selects the control Checked
Sets the default state of the checkbox to checked when true. Can also be used as an output property to get the current value of the checkbox. Options: = true = false ContentLanguage
Describes the language used to the audience (e.g. “en-US”) DisplayMode
Selects the mode: Edit, View or Disabled. In Edit mode the user can input values. In View mode the user can only see the values and in Disabled mode the control is greyed-out. Options:
= DisplayMode.Disabled = DisplayMode.Edit = DisplayMode.View Height
Distance from the top of the control to the bottom Label Text to display beside the checkbox OnChange
Actions that will be executed when the Value property of the checkbox changes Visible
Determines whether to show or hide the control Width
Distance from the left side of the control to the right side X
Distance from the left edge of the screen to the left side of the control Y
Distance from the top edge of the screen to the top of the control
How To Use The Power Apps Checkbox Control
1. Select the checkbox control in Power Apps studio. Write a text value in the Label property. "I accept the terms and conditions" Code language: JSON / JSON with Comments ( json )
2. Set the default state of the checkbox using the Checked property. false Code language: JavaScript ( javascript )
3. Click on the checkbox to change’s its state to checked.
4. Get the current checkbox value using this code. CheckboxCanvas1 .Checked Code language: CSS ( css ) Did You Enjoy This Article? 😺
Subscribe to get new Copilot Studio articles sent to your inbox each week for FREE Enter your email address Sign Me Up Questions?
If you have any questions or feedback about Power Apps Checkbox – Modern Controls please leave a message in the comments section below. You can post using your email address and are not required to create an account to join the discussion.
Tagged
Power Apps
Have a Microsoft 365 topic idea?
Share article suggestions, community session ideas, corrections, or real-world scenarios for future nextM365 learning notes.
Keep learning Microsoft 365
Explore more practical guides for SharePoint, Power Platform, Copilot Studio, migration, automation, governance, and security.
Continue learning
Related tutorials
Related questions
Related comparisons
Next action