Hi team,

 

I was looking into Bootstrap-Select that is already implemented on Wok and it does allows multiple option selection, which means we can use it to select more than one interface when creating a new Vepa network. But instead of looking like a default multi-select input, it keeps the default style and puts the selected items separated by comma:

https://silviomoreto.github.io/bootstrap-select/examples/#multiple-select-boxes

 

In the other hand, this is what a multiple select looks like with native HTML controls:

http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_select_multiple

 

IMO the default html control looks better and it delivers a better user experience than a dropdown. We can “destroy” Bootstrap-Select style and widget if a VEPA network type is selected and customize the default html control with CSS3 to look like other form elements. However, what if there are hundreds of interfaces? In this case I propose we keep Bootstrap-Select with a search/filter on top, which would work like this jsfiddle:

 

https://jsfiddle.net/4yvgnx9e/

 

Any thoughts or comments?

 

Regards,

Samuel