Hi, Is it possible to change the size (height) of the multi-select box?

Anonymous

#251921

Hi, Is it possible to change the size (height) of the multi-select box?

Trevor

#251975

Are you able to send me a live link/URL to your search page so I can take a look? Which field in the form is it you want to change the height of, and to what?

Anonymous

#251985

Hi Trevor, you can view at https://wethepeople.org.nz/search_vaccine_research_papers/

The Multi-select box only displays 4 available selections, when there is many selections it feels a little cramp scrolling through them. Is there a setting to expand the multi-select box so that it would display for example 10 available selections?

Trevor

#252028

Ah, I see. Multi-select is fixed at the size it is. Rather than multi-select, would it not be better either as a checkbox field (such as you can see on our demo), or a combobox? If setting as a combobox, make sure in our plugin settings that you change the script to Select2 (by default it is Chosen).

Combobox is my preferred choice, as it works best on mobiles (if set to Select2).

Anonymous

#252072

Thanks Trevor, only thing with check box is with many options it goes the other way and gets too big…how do I select a “combobox”? I don’t see that as an option…

Anonymous

#252077

It’s okay I found it!

Trevor

#252087

Does that work as a solution for you? Am I OK to close this thread for now?

It is possible to limit the height of a checkboox list by giving it a scrollbar, if needed.

Anonymous

#252108

H Trevor, where is the setting to add a scroll bar to the checkboxes?

Trevor

#252116

Custom CSS like this (adjust the height to suit):

.searchandfilter li[data-sf-field-input-type="checkbox"] ul {
    max-height: 180px;
    overflow: auto;
}

Anonymous

#252328

This reply has been marked as private.

[Author]

Posts