How can I increase the height on the entire Grouped Values Dropdown widget?

  • Tggpromo
    Asked on August 5, 2016 at 2:21 PM
    How can I increase the height on the entire Grouped Values Dropdown widget?
  • BJoanna
    Replied on August 5, 2016 at 3:08 PM

    Do you want to increase the entire Grouped Values Dropdown widget like this? 

    How can I increase the height on the entire Grouped Values Dropdown widget? Image 1 Screenshot 30

    To achieve that add this CSS code inside of Grouped Values Dropdown widget Custom CSS field:

    .dropdown-menu.open {

        max-height: 500px!important;

        height: 500px!important;

    }

    ul.dropdown-menu.inner.selectpicker {

        height: 500px!important;

        max-height: 500px!important;

    }

    How can I increase the height on the entire Grouped Values Dropdown widget? Image 2 Screenshot 41

    I have set height to 500px inside of my form. You can use any other height value inside of you form. Here is my cloned form: https://form.jotform.com/62175435565965 

    Feel free to clone it. 

    Hope this will help. let us know if you need further assistance.