search

yanickrochon / jquery.uix.multiselect

Completely rewritten, multiselect widget with a more concise API
http://mind2soft.com/labs/jquery/multiselect/
MIT License
139 stars 62 forks source link

Bootstrap compatibility #91

Closed Poil closed 10 years ago

Poil commented 10 years ago

Hi,

It will be cool to have this widget compatible with bootstrap (today the elements sizes are bad) Perhaps adding a size in percent can be a solution;

Best regards

yanickrochon commented 10 years ago

Unfortunately, jQuery UI and Bootstrap don't mix well together. In fact, they shouldn't be used together!

A new version of the widget should be rolled, for Bootstrap. While I am actually working more and more with that framework, and less with jQuery UI... I have no time to maintain such projects. I still have to maintain the current implementation (i.e. finish it!).

Poil commented 10 years ago

It's not easy to have both, some ppl start some work. DataTables have js+css wrapper, we can also find a jquery ui bootstrap theme (https://github.com/jquery-ui-bootstrap/jquery-ui-bootstrap/).

Poil commented 10 years ago

Just an update ... with jquery-ui-bootstrap and forcing cSl/cAv to 45%/55% your plugin is usable, I now need to understand how the height is calculated ... but all elements are rightly aligned/sized :)

yanickrochon commented 10 years ago

Good to hear that! Just create a branch (i.e. bootstrap-integration) and I'll add it to the repository.

yanickrochon commented 10 years ago

I will close this as a Bootstrap solution is not viable. This plugin was made for jQuery UI and Bootstrap has it's own set of UI classes, etc.

BTW: for a Bootstrap equivalent, I strongly suggest select2.

Poil commented 10 years ago

Fyi,

I've removed all your width in px code to replace with % and some other little tweak, I've got this http://web.quakelive.fr/CGraphz/index.php?module=config&component=project&f_id_config_project=2#project_server (admin/pass)

Like that I only need a parent element that fix the width. I only have some problem to have dynamic height so I've fixed it to 200px.