A fully styled dropdown connected to any collection — with Magic Text default and form value output
Connect to any Adalo collection, choose which field to display as the label, and set a default selection via Magic Text. The selected value is available as a Magic Text output for forms, actions, and filters.
Key Features
Binds to any Adalo collection — pick any field as the display label Set a default selection via Magic Text (e.g. Logged In User > Category) Selected Value output — use in forms, actions, and conditional visibility On Select action fires on every pick — update the database without a Save button Separate icons for open and closed states — or hide the arrow entirely Font weight, font style, and font size controls Accent color controls border, checkmark, and open-state arrow together Bottom sheet on iOS/Android, inline dropdown on Web Works on Web, iOS, and Android
Perfect For
• Category or status selectors on forms
• Country or region pickers pre-populated from the user profile
• Dynamic list filters driven by the selected value
• Role or permission pickers on settings screens
• Event type selectors that show or hide form sections
How to Get It
Open your Adalo app editor
Click the + button to open the Add Components panel
Browse Marketplace Components or search for “Advanced Dropdown”
Click to add it to your app — done!
If you have any questions or feedback, drop a comment below. I’d love to hear how you’re using it!
Using this dropdown and really very happy. 100% beats the old html. Question, is there a way to make the dropdown list closer together - not so spread apart from each in the list? padding? Not a professional developer so any input is greatly appreciated. Liz
There are some inconsistencies with some of the new components UI though…
Multiselect dropdown fades in and is central to the screen, whereas the Advanced dropdown slides up from the bottom. With the slide up, the slightly darker background of the screen slides up with it. Because the background isn’t there instantly, visually it’s not as good
Advanced dropdown component can be resized both vertically and horizontally, multiselect can only be resized horizontally.
Multi select dropdown includes divider between items, not there in the Advanced dropdown.
I have seen some updates which I like THX - but now my filtering items are down at the bottom of the screen and not hugging up with the dropdown menu. Is there a new setting I have overlooked that will put the items being filtered back up and hugging the dropdown bar as seen in my first image? Liz
yes. for me personally the problem is solved since Pour Recall will be a mobile app. and not a web app. but yes, as of 7:40 am central time the staging preview still has a gap. I appreciate your hard work. This is a definite upgrade from the previous dropdown component. Liz
Binds to any Adalo collection — pick any field as the display label
