winmarkltd / BootstrapFormHelpers

Bootstrap Form Helpers
https://bootstrapformhelpers.com
1.15k stars 374 forks source link

Multi-SelectBox #63

Open unsalkorkmaz opened 11 years ago

unsalkorkmaz commented 11 years ago

Html's multiple select options always been a problem for user experience. Most of users dont know how they can select multi option. For years, i see lots of people tried to fix that problem. Like: http://ivaynberg.github.io/select2/

I believe they seriously failing for multiple select except 1 solution: https://code.google.com/p/dropdown-check-list/

This solution is really best for user experience and i believe a similar solution will be a good addition for BootstrapFormHelpers.

unsalkorkmaz commented 11 years ago

An example site using similar solution: http://www.remax.com/advancedsearch/ Check Property Type dropdown

foxp2 commented 11 years ago

@unsalkorkmaz tell me if i'm wrong, but there is any plugin in Bootstrap Form Helper which uses a multiple select option. i do not understand the relationship between your suggestion and this extension of Bootstrap. maybe you can provide an example on your cloned repositerie.

unsalkorkmaz commented 11 years ago

Uhm.. extension name is "Bootstrap Form Helpers" not "Bootstrap Select Box Modifications". Even it was only "Select Box", it can still include this feature because its basically just 1 attribute addition to select tag:

<select multiple="multiple">
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
  <option>5</option>
</select>

I am really not good at writing javascript plugins. I can fix if its not working but generally i dont think i can write it from start :cry: I believe most problematic default html form control is multi-select boxes. Why shouldnt this plugin provide a good usability for those controls?

unsalkorkmaz commented 11 years ago

here is what i was trying to explain: http://davidstutz.github.io/bootstrap-multiselect/

unsalkorkmaz commented 11 years ago

Another similar solution: http://silviomoreto.github.io/bootstrap-select/#multiselect