Semantic-ui: Multiple selection dropdowns

Created on 17 Dec 2013  路  4Comments  路  Source: Semantic-Org/Semantic-UI

Hi,
It would be great to have the possibility to combine dropdown menus and checkboxes and allow multiple selection dropdowns.

Most helpful comment

I made a JS Fiddle example for people who come here from Google like I did. I think it works really nicely as an alternative to standard multi-select dropdowns and I didn't find any example in the docs so here you go: https://jsfiddle.net/jp8xj0wk/2/

All 4 comments

From a visual standpoint this could be done pretty easily. Use ui simple dropdown that way it doesn't close on you when you click. Put a list of whatever ui checkboxs you want. With simple forms this would be ok, but as soon as you want to try and convert a select multiple you'll need some javascript.

Ill do some looking, and see if there is a elegant way to do this Semantic.

Dropdown menus can have any arbitrary content, check how checkboxes look inside each menu item. If they look weird, we can add an 'optional coupling' inside dropdown to format a checkbox.

I made a JS Fiddle example for people who come here from Google like I did. I think it works really nicely as an alternative to standard multi-select dropdowns and I didn't find any example in the docs so here you go: https://jsfiddle.net/jp8xj0wk/2/

@mattiasflodin thanks for sharing mate!

Was this page helpful?
0 / 5 - 0 ratings

Related issues

zhaoyao91 picture zhaoyao91  路  3Comments

guilhermeblanco picture guilhermeblanco  路  3Comments

kntmrkm picture kntmrkm  路  3Comments

Morrolan picture Morrolan  路  3Comments

arj-196 picture arj-196  路  3Comments