multi select as drop down and with check boxes

Anonymous

#245670

Hello Trevor,

is it possible to get the multi select shown as drop down and all options with a checkbox, so I can select all my options in one “fly”.

Robert

Page: https://staging.servicemanagement.tools/test-ergebnis/

Ross Moderator

#245687

Ah you mean like a select dropdown but with checkboxes for options?

I think that is coming in v3, but for now you could try enable “combobox” on your multiselect to improve things.

Thanks

Anonymous

#245694

Hey Ross,

thanks for getting back to me! The combobox doesn’t help because the already selected options are not marked and I have to many clicks to select a couple of options.

Any idea when v3 will be released?

Robert

Ross Moderator

#245722

In 2 months I suspect. Just to be clear, do you have an example of the kind of filter you are mentioning?

Thanks

Anonymous

#245725

I think of something like: https://www.cssscript.com/multiselect-dropdown-list-checkboxes-multiselect-js/ plus a scrollable dropdown because I have a lot of values.

Robert

Ross Moderator

#245726

Ah yes – something like this is on the way 🙂

Anonymous

#245817

Hello Ross,

I did a worked around that with the buttons Trevor provided here: https://support.searchandfilter.com/forums/topic/checkboxes-as-buttons/

Now I have an issue that there is space between some of the items and some not. I worked hours on that an didn’t found where the space is comming from: https://www.screenpresso.com/=tOPLe

When giving the labels an height, it looks like: https://www.screenpresso.com/=Hyl3b – It seems that the space between the labels isn’t predictabl.

When havving all items two lines long, it works: https://www.screenpresso.com/=uRdAg

Page: https://staging.servicemanagement.tools/test-ergebnis/

Trevor

#245849

I can see that you have given them a height of 30px. I would increase this to 35px as the text isn’t quite right otherwise:

https://www.screencast.com/t/jFKE0XVCw1O

Then, this CSS:

https://www.screencast.com/t/YOly0Wm5yUS

Needs to become this:

https://www.screencast.com/t/98Cvhszo

Anonymous

#245907

Trevor, thanks a lot!

Robert

PS: You can close the thread, please.

[Author]

Posts