Hi everyone,
I’m working on my app in Bubble’s mobile app editor (not the regular responsive web editor), and I need help setting up a dropdown list that works like this:
-
On mobile, only the title of the dropdown shows (e.g., “Select up to 3 filters”).
-
When the user taps the title, the list expands downward to reveal all the options.
-
The user can select multiple options, but I want to limit it to 3 maximum selections.
-
The header should update to reflect the user’s choices (e.g., show the names selected, or “3 selected”).
The challenge: I don’t see elements like Repeating Group or GroupFocus in the mobile app editor, which are usually recommended for building custom dropdowns in the web version.
On top of that, I’ve noticed that the plugins I installed are not showing up in my elements bar. I’m wondering if plugins (and some element types) are limited to web apps and not available for mobile apps?
Questions:
-
What’s the best way to build an expandable dropdown list in the mobile app editor?
-
How can I enforce a limit on the number of items a user can select (in this case, 3)?
-
Are plugins/elements like Repeating Groups, GroupFocus, etc. just not available in the mobile app editor? If so, what are the best workarounds?
Any advice, examples, or workarounds would be super helpful. Thanks in advance!