This is a demo that showcases the 'Selectize: (Multi) Dropdown Input' plugin in action. Questions? You can send me a PM on the Bubble forum (@thimo) or send me an email ('contact' button on my contributor page).
Follow me on Twitter
Examples
Tip: use the 'bring to front' / 'send to back' option in the Bubble editor to control the z-index of the input!
Custom color | max 1 item | searchable | increased padding
Conditional option list (data from database)
First select value from this dropdown
Loading...
List auto-refreshes based on first dropdown selection.
Conditional option list (data from option set)
First select value from this dropdown
List auto-refreshes based on first dropdown selection.
Ability to create new items | workflow event will be triggered
Re-order using drag and drop
Item 1
Item 2
Item 3
Loading...
HTML example using data from database
Loading...
Groups example
Loading...
Loading...
Custom filter function example
Allow to create new item only if the text match regex pattern for email address
return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(input)
Allow to create new item only if the text is between 2 and 10 characters
return /^.{2,10}$/.test(input)
Allow to create new item only if the text have 3 characters or more
return input.length >= 3
