What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Widgets: Grouped Values Dropdown widget's Size option not working

    Asked by clarkschool on September 16, 2016 at 02:02 PM

    Hi there,

    No matter what number I enter in the "Size" field of the Grouped Values Dropdown, all it does it increase the size of the entire field on my form and does nothing to increase the "number of options to show at one time".

    Is there some custom CSS I might add to fix this issue and allow more choices to show?

    Thank you.

    Page URL:
    https://www.jotform.com//?formID=62595065498167

    size grouped values dropdown widget
  • Profile Image
    JotForm Support

    Answered by Jim_R on September 16, 2016 at 04:25 PM

    Hello, after doing some tests, I confirmed that the "Size" option on the Grouped Values Dropdown widget doesn't do anything. The size of the dropdown and the number of options to show at one time won't change at all.

    I'm currently looking for a CSS alternative to achieve this and will keep you posted as soon as I have one. And once I confirm that the Size option indeed doesn't work even on different forms, I will have to escalate this thread.

    For now, please allow me some time while I'm looking into it.

  • Profile Image
    JotForm Support

    Answered by Jim_R on September 16, 2016 at 04:56 PM

    All right, please try the following CSS codes to adjust the height of the Grouped Values Dropdown widget:

    .dropdown-menu.open {

       max-height: 300px !important;

    }

    .dropdown-menu.inner.selectpicker {

       max-height: 290px !important;

       height: 300px !important;

    }

    You will inject these CSS Codes on the widget's Custom CSS section like so:

    Original:

    Modified:

    Feel free to adjust the height and max-height values upon your discretion.

    I have also done some tests on my own form with a fresh Grouped Values Dropdown widget added and was able to replicate the Size issue you reported. I've escalated this to our Devs and although I won't be able to give you any timeframe, rest assured, we'll keep you apprised on this same thread if/when there's an update.

  • Profile Image
    JotForm Support

    Answered by TitusNdoka on September 27, 2016 at 02:46 AM

    It's now fixed - Please check and let us know. 

    Thank you. 

  • Profile Image

    Answered by clarkschool on September 27, 2016 at 09:39 AM

    Thank you!