How can I adjust the height of dynamic dropdown widget?

  • Profile Image
    Lrgunter
    Asked on February 19, 2018 at 02:20 PM

    How can I adjust the height of dynamic dropdown widget?

  • Profile Image
    Marvih
    Answered on February 19, 2018 at 04:00 PM

    Have you tried adjusting the Height found in the Dynamic Dropdown's properties ?

    15190740221121.png

    The height should automatically adjust depending on how many options you added.

  • Profile Image
    Lrgunter
    Answered on February 19, 2018 at 05:43 PM
    I tried. It doesn’t work. The height doesn’t get adjusted, even if I add indented options.
    Thank you,
    Linda Gunter
    ...
  • Profile Image
    Jan
    Answered on February 19, 2018 at 08:41 PM

    Just to clarify, are you planning to increase the height of the actual widget or the dropdown selection?

    151909085502-20-1j0ch.png

    If you want to increase the height of the widget, then please use the CSS code below:

    iframe#customFieldFrame_64 {
    height: 250px !important;
    }

    Here's a guide on How-to-Inject-Custom-CSS-Codes. Here's the result:

    151909086702-20-n08ed.png

    Hope that helps. Thank you.

  • Profile Image
    Lrgunter
    Answered on February 20, 2018 at 11:43 AM
    Thank you. What about height of every option?
    Thank you,
    Linda Gunter
    ...
  • Profile Image
    BJoanna
    Answered on February 20, 2018 at 12:21 PM

    Add this CSS code to the Dynamic Dropdown widget Custom CSS field to increase the height of dropdown options:

    .select2-container--default .select2-selection--single .select2-selection__rendered {

        line-height: 50px!important;

    }

    1519146688css.JPG

    1519147065option.JPG

    In case that you want to increase the height of sub-options as well, add this CSS code to Custom CSS field of the widget:

    .select2-container--default .select2-results__option {

        height: 50px!important;

    }

    1519147196option1.JPG

    Here is my demo form: https://form.jotform.com/80504954863968 

    Feel free to test it and clone it