Hello, Is it possible to use option groups in dropdowns to group categories? [image] <select> <optgroup label="Swedish Cars"> <option value="volvo">Volvo</option> <option value="saab">Saab</option> </optgroup> <optgroup label="German Cars"> …

[image] mangooly: For the moment I think the only option is building something custom Exactly. You could do it fairly simply with a focus group and nested repeating groups but it will have to be a custom built element.

Check this thread [image] [New Feature] Option sets New features Hello everyone! We’ve just released a new feature: Option sets. Option sets allow you to have a static list of choices or Options which are global to your app. This is great for situations where you know ah…

Thanks @boston85719 for the info, although there wasn’t any info in that thread. I left a message because Option groups is pretty standard in “Dropdowns” using the Optiongroup tag in html, so I think it should be include in Bubble at sometime. The more we include standard html components, the better…

[image] mangooly: is building something custom You are correct there…there are other benefits as well to building custom drop downs instead of using the bubble drop down element due to the limitations of the bubble element. For example, the bubble drop down element doesn’t allow for alignment…

Any examples out there on how to build a dropdown with option groups using nested repeating groups? Thanks

Hi guys, I have finally achieved building a custom dropdown with optiongroups, [image] All the options come from the database and the selected option “Plumber” comes from the current user logged in who had the value previously saved in the database. I’m having the problem one the last bit. Once …

@mangooly I just implemented this on mine. You could use a state to keep it simple. Assuming this is a group, you could do: [image] Set this group to: [image] Then when a use selects an option: [image] We start a workflow to set that ‘selected’ value to: [image] Here’s your default if want…

Thanks @lantzgould , I did something a little bit different. With your solution I was getting the name of the group and not the individual item.

The behaviour on mobile is dreadful. The layer goes all over the place and the cursor shifts 30px to the bottom. Still deciding if to fix this with CSS or go back to a native simple native dropdown that has better behaviour on all devices. Did anyone have any of these issues? The bad behaviour is o…

I don’t have any problems with the custom drop downs that I built using an iOS device, nor did I use CSS to create mine. If you used CSS to create yours that is probably the issue as it is known that bubble at times will override custom CSS which renders the functions unusable, which is why it is a…

Hi @boston85719 , I used the actual bubble components, an input, group focus and Repeating group. It doesn’t have any custom CSS. Have you tried it on an actual Iphone or Android real device? It works very bad. From experience I always test on real devices as other methods are not reliable enough.

Use option groups for dropdowns?

Need help

boston85719 January 24, 2020, 8:34am 2

Check this thread

it may help

Or search the forum for custom drop downs

Topic		Replies	Views
Native Dropdown Questions	5	110	November 1, 2025
Dropdown customization Need help	12	1492	January 8, 2016
Customize Dropdown Need help	3	709	October 4, 2017
Show Dropdown input options when selecting parent group Need help	3	111	August 6, 2024
[New Free Plugin] Fully customizable dropdown selection Input Plugins	44	5329	November 23, 2025

Use option groups for dropdowns?

Related topics