# New Component: Advanced Dropdown — Now on the Marketplace! 🎉

**URL:** <https://forum.adalo.com/t/new-component-advanced-dropdown-now-on-the-marketplace/66679>\
**Category:** Info & Announcements\
**Created:** [May 27, 2026, 5:17pm UTC](https://forum.adalo.com/t/new-component-advanced-dropdown-now-on-the-marketplace/66679 "2026-05-27T17:17:17Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![AKyle](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/akyle/32/37056_2.png) [@AKyle](https://forum.adalo.com/u/AKyle)\
**Post date:** [May 27, 2026, 5:17pm UTC](https://forum.adalo.com/t/new-component-advanced-dropdown-now-on-the-marketplace/66679/1 "2026-05-27T17:17:17Z")

</div>

Hey Adalo Community! 👋

I’m excited to share a new component that’s now available on the Adalo Marketplace:

## Advanced Dropdown

 ![advanced-dropdown-hero-banner](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/0/8/087f4e87050b1560353bbd3b7beea4396e69e29e.jpeg)

**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

1. Open your Adalo app editor
2. Click the **+** button to open the Add Components panel
3. Browse **Marketplace Components** or search for “Advanced Dropdown”
4. 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! 🚀

---

<div class="post-metadata">

**Author:** ![diegozane](https://avatars.discourse-cdn.com/v4/letter/d/9dc877/32.png) [@diegozane](https://forum.adalo.com/u/diegozane)\
**Post date:** [May 28, 2026, 9:05am UTC](https://forum.adalo.com/t/new-component-advanced-dropdown-now-on-the-marketplace/66679/3 "2026-05-28T09:05:06Z")

</div>

Just a heads up to people using this, it needs to be arranged to sit at the front of all components otherwise it won’t display.

 ![Screenshot 2026-05-28 at 18.54.07](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/8/9/895790366e39819b583fa3cbd4dbfc04e89d2f1a.png)

---

<div class="post-metadata">

**Author:** ![Dilon](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/dilon/32/39815_2.png) [@Dilon](https://forum.adalo.com/u/Dilon)\
**Post date:** [May 29, 2026, 3:57pm UTC](https://forum.adalo.com/t/new-component-advanced-dropdown-now-on-the-marketplace/66679/4 "2026-05-29T15:57:11Z")

</div>

Thanks for the heads-up @diegozane, shared this with the team!

---

<div class="post-metadata">

**Author:** ![IFIOgirl](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/ifiogirl/32/40508_2.png) [@IFIOgirl](https://forum.adalo.com/u/IFIOgirl)\
**Post date:** [May 31, 2026, 1:41pm UTC](https://forum.adalo.com/t/new-component-advanced-dropdown-now-on-the-marketplace/66679/5 "2026-05-31T13:41:22Z")

</div>

![3](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/b/b/bb5fafec814c5822f4b1ae686e82b5950c5dcde9.jpeg)

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

---

<div class="post-metadata">

**Author:** ![Dilon](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/dilon/32/39815_2.png) [@Dilon](https://forum.adalo.com/u/Dilon)\
**Post date:** [June 2, 2026, 6:38pm UTC](https://forum.adalo.com/t/new-component-advanced-dropdown-now-on-the-marketplace/66679/6 "2026-06-02T18:38:52Z")

</div>

Hi @diegozane, a fix got published today! Could you check again and let me know here? Thank you and have a great day!

---

<div class="post-metadata">

**Author:** ![diegozane](https://avatars.discourse-cdn.com/v4/letter/d/9dc877/32.png) [@diegozane](https://forum.adalo.com/u/diegozane)\
**Post date:** [June 3, 2026, 5:37am UTC](https://forum.adalo.com/t/new-component-advanced-dropdown-now-on-the-marketplace/66679/7 "2026-06-03T05:37:54Z")

</div>

Yes, working now thanks.

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.

Multiselect is no longer scaling for me

\*edit - not scaling on any screen

Thanks

---

<div class="post-metadata">

**Author:** ![Dilon](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/dilon/32/39815_2.png) [@Dilon](https://forum.adalo.com/u/Dilon)\
**Post date:** [June 3, 2026, 11:08am UTC](https://forum.adalo.com/t/new-component-advanced-dropdown-now-on-the-marketplace/66679/8 "2026-06-03T11:08:27Z")

</div>

Thanks @IFIOgirl & @diegozane for sharing these, shared with the team!

---

<div class="post-metadata">

**Author:** ![Dilon](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/dilon/32/39815_2.png) [@Dilon](https://forum.adalo.com/u/Dilon)\
**Post date:** [June 3, 2026, 7:01pm UTC](https://forum.adalo.com/t/new-component-advanced-dropdown-now-on-the-marketplace/66679/9 "2026-06-03T19:01:51Z")

</div>

@IFIOgirl, new option for padding should be available!

 ![image](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/8/9/890d0be63de46a42c2522538324c8df2a0ee1e93.png)

* * *

@diegozane,

1. Advanced Dropdown transition issue should be fixed now! But seems like the box display is not quite good and shared with the team.
2. Multi-Select Picker can be resized vertically now!
3. Multi-Select Picker now supports divider! (Bonus - Hover color change)

 ![image](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/2/f/2fae02ec1d657f43e6d7eea470e33c4fef64ffb6.png)

1. Multi-Select Picker should scale properly in the screens now!
2. Some other addons:

 ![image](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/7/e/7e629b44a226e45d71d1cbc00af3b52c3bb5e073.png)

Thank you and have a great day!

---

<div class="post-metadata">

**Author:** ![IFIOgirl](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/ifiogirl/32/40508_2.png) [@IFIOgirl](https://forum.adalo.com/u/IFIOgirl)\
**Post date:** [June 3, 2026, 8:23pm UTC](https://forum.adalo.com/t/new-component-advanced-dropdown-now-on-the-marketplace/66679/10 "2026-06-03T20:23:40Z")

</div>

![Screenshot 2026-06-03 at 3.07.25 PM](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/9/5/957527e2134988edf875e1c9a79b709a151ad286.jpeg)

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

---

<div class="post-metadata">

**Author:** ![Dilon](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/dilon/32/39815_2.png) [@Dilon](https://forum.adalo.com/u/Dilon)\
**Post date:** [June 3, 2026, 8:50pm UTC](https://forum.adalo.com/t/new-component-advanced-dropdown-now-on-the-marketplace/66679/11 "2026-06-03T20:50:19Z")

</div>

> [@Dilon](#):
>
> 1. Advanced Dropdown transition issue should be fixed now! But seems like the box display is not quite good and shared with the team.

You’re very welcome Liz! Yes, I’m also seeing this issue and already shared with the team. ☝

---

<div class="post-metadata">

**Author:** ![IFIOgirl](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/ifiogirl/32/40508_2.png) [@IFIOgirl](https://forum.adalo.com/u/IFIOgirl)\
**Post date:** [June 4, 2026, 4:23pm UTC](https://forum.adalo.com/t/new-component-advanced-dropdown-now-on-the-marketplace/66679/12 "2026-06-04T16:23:47Z")

</div>

![new filter](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/f/9/f94a574c741f723683f99530bc9c01f6e4c598fa.jpeg)

Thanks for all your work. I do appreciate the Adalo support and development team. You all have helpful and have truly kept me moving forward. Liz

---

<div class="post-metadata">

**Author:** ![Dilon](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/dilon/32/39815_2.png) [@Dilon](https://forum.adalo.com/u/Dilon)\
**Post date:** [June 4, 2026, 5:17pm UTC](https://forum.adalo.com/t/new-component-advanced-dropdown-now-on-the-marketplace/66679/13 "2026-06-04T17:17:54Z")

</div>

Thank you Liz!

> [@Dilon](#):
>
> 1. Advanced Dropdown transition issue should be fixed now! But seems like the box display is not quite good and shared with the team.

This one should be fixed, could you guys confirm or still not properly rendering? @diegozane, @IFIOgirl

---

<div class="post-metadata">

**Author:** ![IFIOgirl](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/ifiogirl/32/40508_2.png) [@IFIOgirl](https://forum.adalo.com/u/IFIOgirl)\
**Post date:** [June 4, 2026, 9:01pm UTC](https://forum.adalo.com/t/new-component-advanced-dropdown-now-on-the-marketplace/66679/14 "2026-06-04T21:01:42Z")

</div>

![123](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/e/b/ebb2178e5ce5ed7f9b3e16060d96203dda62e2bb.jpeg)

 ![Screenshot 2026-06-04 at 3.56.57 PM](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/7/6/760b6f698b4d00f1bbef15a7a6a0321ca423bc9d.jpeg)

the first image is through staging preview on my desktop (Mac) and the second image is viewing it on my phone - Apple phone. Hope that helps. Liz

---

<div class="post-metadata">

**Author:** ![Dilon](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/dilon/32/39815_2.png) [@Dilon](https://forum.adalo.com/u/Dilon)\
**Post date:** [June 4, 2026, 9:02pm UTC](https://forum.adalo.com/t/new-component-advanced-dropdown-now-on-the-marketplace/66679/15 "2026-06-04T21:02:51Z")

</div>

Thank you Liz! So now the issue is that gap, in previewer?

---

<div class="post-metadata">

**Author:** ![diegozane](https://avatars.discourse-cdn.com/v4/letter/d/9dc877/32.png) [@diegozane](https://forum.adalo.com/u/diegozane)\
**Post date:** [June 5, 2026, 4:21am UTC](https://forum.adalo.com/t/new-component-advanced-dropdown-now-on-the-marketplace/66679/16 "2026-06-05T04:21:19Z")

</div>

Everything works great except for scaling on the Multi Dropdown.

I appreciate the quick work on the changes. Adalo 4.0 🤙🏼

---

<div class="post-metadata">

**Author:** ![Dilon](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/dilon/32/39815_2.png) [@Dilon](https://forum.adalo.com/u/Dilon)\
**Post date:** [June 5, 2026, 4:23am UTC](https://forum.adalo.com/t/new-component-advanced-dropdown-now-on-the-marketplace/66679/17 "2026-06-05T04:23:07Z")

</div>

> [@diegozane](#):
>
> Everything works great except for scaling on the Multi Dropdown.

Sam, would you be able to share some screenshots so I can share with the team?

> [@diegozane](#):
>
> I appreciate the quick work on the changes. Adalo 4.0 :call\_me\_handt3:

Less gooo!!! 😉

---

<div class="post-metadata">

**Author:** ![diegozane](https://avatars.discourse-cdn.com/v4/letter/d/9dc877/32.png) [@diegozane](https://forum.adalo.com/u/diegozane)\
**Post date:** [June 5, 2026, 4:55am UTC](https://forum.adalo.com/t/new-component-advanced-dropdown-now-on-the-marketplace/66679/18 "2026-06-05T04:55:13Z")

</div>

![Screenshot 2026-06-05 at 14.53.16](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/8/7/8752b222c19cff71091bbcef3b7a9fa25a04d691.png)

 ![Screenshot 2026-06-05 at 14.53.52](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/0/4/04af416a4e3df206c37f90835dd678591df8a169.png)

 ![Screenshot 2026-06-05 at 14.53.27](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/4/e/4e2c5a0b247f6d152a27cc44ab6d8d505282cd4b.png)

---

<div class="post-metadata">

**Author:** ![IFIOgirl](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/ifiogirl/32/40508_2.png) [@IFIOgirl](https://forum.adalo.com/u/IFIOgirl)\
**Post date:** [June 5, 2026, 5:47pm UTC](https://forum.adalo.com/t/new-component-advanced-dropdown-now-on-the-marketplace/66679/19 "2026-06-05T17:47:57Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![Dilon](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/dilon/32/39815_2.png) [@Dilon](https://forum.adalo.com/u/Dilon)\
**Post date:** [June 8, 2026, 1:35pm UTC](https://forum.adalo.com/t/new-component-advanced-dropdown-now-on-the-marketplace/66679/20 "2026-06-08T13:35:41Z")

</div>

> [@diegozane](#):
>
> Everything works great except for scaling on the Multi Dropdown.

@diegozane, would you be able to check the app again and let here know if all good? Thank you and have a great day!

---

<div class="post-metadata">

**Author:** ![diegozane](https://avatars.discourse-cdn.com/v4/letter/d/9dc877/32.png) [@diegozane](https://forum.adalo.com/u/diegozane)\
**Post date:** [June 8, 2026, 2:44pm UTC](https://forum.adalo.com/t/new-component-advanced-dropdown-now-on-the-marketplace/66679/21 "2026-06-08T14:44:32Z")

</div>

Still not scaling, and also now sits behind other elements

 ![Screenshot 2026-06-09 at 00.41.51](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/6/6/665256d112ddaf7d2abd8808b028a43e87a1c9a8.png)

 ![Screenshot 2026-06-09 at 00.42.12](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/f/1/f13dd7e0e30749c4ab6ecad60e2939c67084c8a2.png)

 ![Screenshot 2026-06-09 at 00.41.59](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/5/d/5d77cd17acccfab76296e251faa07e117fdd4b77.png)

[Next page](https://forum.adalo.com/t/new-component-advanced-dropdown-now-on-the-marketplace/66679.md?page=2)
