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

  1. 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





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.

Subscribe
Notify of
guest

14 Comments
Oldest
Newest
Inline Feedbacks
View all comments
mmollet
mmollet
7 months ago

Seems that this control has a limit of 25 items?? seems really low considering the old one had a limit of 500. Hoping this is just for the time being and on realease they will have at least 500 back.

ahmed
7 months ago

this dropdown can’t show more than 25 items, you can check this

angel eg
angel eg
7 months ago

Control doesn’t support searching either, so seems like much improvement is needed before it can be used in production apps.

Sim
Sim
6 months ago

Also can’t display more than 1 field! Geeze, kinda sucks.

Stacey
Stacey
6 months ago

Is it possible to use these modern dropdown controls for cascading? I’ve not had any luck getting this to work.

Marie
Marie
3 months ago
Reply to  Stacey

Yes you can do cascading. Here is code for a dropdown that changes the 2nd one.

First Dropdown is called drpFeatureType and 2nd is called drpFeatureSubType.

For the first one, add this code:
Sort(ForAll(Distinct(YOURDATABASE, Title), {Result: ThisRecord.Value}), Result, SortOrder.Ascending)

and make sure you select the Title in the Edit field of the dropdown.

Then add

Sort(Filter(DFERequestTypes,Title=drpFeatureType.Selected.Result), SubType, SortOrder.Ascending)

to the 2nd dropdown and make sure to add SubType to the Edit Fields area.

Christian Harrington
Christian Harrington
6 months ago

Hi Matthew,
thanks for the post, very intersting.

I am playing with these new visuals, especially this dropdown, I like the look 🙂
It seems I cannot assign a value from a gallery item like ThisItem.SomeField into the DefaultSelectedItems.

This looks surprising to me. Does it mean we can’t bind default values from a datasource? Wih the old dropdown we can do this.
With new Input Text we can. With new Checkbox we can’t…
Or am I missing something?

Thanks!

Preben
Preben
6 months ago

My list is blank (Choices([@’My list’].Column)) – but controlling selection with a textbox and code DropdownCanvas1.Selected.Title I can see that the values are there. Is it font color = to background color?? Drives me crazy.

ZDimitri
ZDimitri
5 months ago

I have problems with defining the DefaultSelectedItems property.
Items – [“08″,”09″,”10″,”11″,”12″,”13″,”14″,”15″,”16″,”17″,”18”]
How would I define a default value in this simple scenario? Thanks in advance!

Edit: The only solution I found is to define Items as Table({},{},{} … and then set the specific table record as default. It’s a pain to configure.

Last edited 5 months ago by ZDimitri
Dean
Dean
2 months ago

Currently unable to specify a table of SearchFields like in the old combobox. Restricted to searching on a single field even though multiple can added.