foundation / foundation-sites

The most advanced responsive front-end framework in the world. Quickly create prototypes and production code for sites that work on any kind of device.
https://get.foundation
MIT License
29.65k stars 5.48k forks source link

Select multiple #310

Closed amqex closed 12 years ago

amqex commented 12 years ago

When using custom forms, multi select fields are converted to regular select fields. Is there a way to ignore multi select fields or get them working?

amqex commented 12 years ago

Will this be working in version 3.0?

mhayes commented 12 years ago

In the latest version of Foundation we've provided a data-customforms="disabled" attribute that can be used for exactly this purpose. You can use it like so:

<select id="customDropdown" multiple="multiple" data-customforms="disabled">
  <option>This is a dropdown</option>
  <option>This is another option</option>
  <option>Look, a third option</option>
</select>
end0 commented 11 years ago

Undocumented in 4.0 docs...

josal commented 11 years ago

And a way to expand the current look and feel instead of disabling it?

jgrevich commented 11 years ago

@josal :+1: Disabling it sticks out like a sore thumb, I too would like to see if we can retain the current look and feel and have a multi-select list. Perhaps I'm missing something? Here is one way bootstrap solves it: http://davidstutz.github.io/bootstrap-multiselect/, they also have built-in support as of v3: http://getbootstrap.com/css/#forms-controls

josal commented 11 years ago

Hi, any news here? Thanks !!

seantimm commented 11 years ago

Hey @josal, closed issues will get very little visibility. Could you open a new issue detailing the changes you'd like to see?

josal commented 11 years ago

Of course, thanks for your message. :+1:

icyz commented 11 years ago

multiselect

This is a screenshot of my multiselect

I've reworked this plugin http://www.erichynds.com/blog/jquery-ui-multiselect-widget for zurb foundation 4

if anyone is interested in these days I will provide the code.. or contact me ( www.andreamariani.net )

22/10/2013 ONLINE DEMO & DOWNLOAD: http://www.andreamariani.net/lab/zurb-foundation4-multiselect

ghost commented 10 years ago

Hey icyz, this is great!

Anyway to strip out just the required jquery-ui components to make this plugin standalone?

I feel a bit inefficient using all of jquery-ui core and widget factory just for this one plugin.

Good job in any case :+1:

icyz commented 10 years ago

Thanks AshishMehra,

Unfortunately the plugin is jquery ui based and you can not delete it at the time.

However, when I have time I'll isolate those two functions to have a very light file to be included even if you do not use jquery ui.

ghost commented 10 years ago

Cool, thanks!

icyz commented 10 years ago

Hello, now it's standalone :) Check this http://andreamariani.net/lab/zurbfoundation5-multiselect/

ghost commented 10 years ago

Nicely done mate!