Forums › Forums › Search & Filter Pro › Hi, Is it possible to change the size (height) of the multi-select box?

Tagged: 

Viewing 10 posts - 1 through 10 (of 12 total)
1 2
  • Anonymous
    (Private)  July 8, 2020 at 6:20 am #251921

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

    Trevor
    (Private)  July 8, 2020 at 11:33 am #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
    (Private)  July 8, 2020 at 11:39 am #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
    (Private)  July 8, 2020 at 3:29 pm #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
    (Private)  July 8, 2020 at 10:09 pm #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
    (Private)  July 9, 2020 at 1:17 am #252077

    It’s okay I found it!

    Trevor
    (Private)  July 9, 2020 at 7:12 am #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
    (Private)  July 9, 2020 at 10:00 am #252108

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

    Trevor
    (Private)  July 9, 2020 at 10:06 am #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
    (Private)  July 10, 2020 at 5:50 am #252328
    This reply has been marked as private.
  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 12 total)
1 2