search

andreww1011 / filter-multi-select

Multiple select dropdown with filter jQuery plugin.
Other
28 stars 15 forks source link

How to get label inline & language support #12

Closed skyynet closed 2 years ago

skyynet commented 2 years ago

Great plugin. I would like to have the label of the select field not left of it, but inside the select. Is there an elegant way to do this? example

I could move the label by applying position:relative; left:80px; z-index:99; to it. As the labels have different widths, I would have to do this manually for each select field. Of course, the "nothing selected" placeholder and the selected options would have to move to the right, too. I couldn't figure out how to move this.

As my website is available in three different languages, it would also be great, if the few text strings could be shown in the correct language. I just saw "nothing selected" and "Select All" directly in the JS. Of course, I could duplicate the JS and replace the strings, but that's not really elegant.

andreww1011 commented 2 years ago

Please see v1.3.0 for inline label support.

Regarding language support, you can customize the text of the label, placeholder, filter, and select all checkbox upon initialization using JS. See the readme and example html file.

skyynet commented 2 years ago

Wow, you really rock, Andrew. Thanks. Now I can improve a huge form on my homepage to your class. When I'm finished and it's online, I'll drop a note.