Power Apps Dropdown - Modern Controls

Imported reference from Matthew Devaney's blog for learning purposes. Original: https://www.matthewdevaney.com/the-complete-power-apps-modern-controls-guide/power-apps-dropdown-modern-controls/. Author: Matthew Devaney.

Power Apps Dropdown – Modern Controls Purpose

A Power Apps dropdown allows users to select one option from a list of predefined options by clicking or tapping on a downward arrow. Its purpose is to save space and present a limited set of choices. Properties AccessibleLabel

Screen readers will voice this text when a user selects the control DefaultSelectedItems

Initial values displayed in the control before the user interacts with it 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 Items

Table containing values displayed inside the dropdown list Example: [“Item 1”, “Item 2”, “Item 3”] OnChange

Actions that will be executed when the Value property of the progress bar changes OnSelect

Actions that will be executed when the button is pressed. Required Unknown purpose. Selected

Dropdown list item record selected by the user SelectedItems

Dropdown list item records selected by the user Text Text displayed on the button 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 Setup The Dropdown Control

Select the dropdown control in Power Apps studio. Choose the datasource from the Items menu.

2. Edit the fields. Add at least one field to the dropdown. The first field will show in the dropdown items list.

3. Click on the dropdown control to see the list of items.

4. Get the selected item’s Title field by using this code. DropdownCanvas1 .Selected .Title 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 Dropdown – 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.