Dynamic Dropdown Form: height messed up

  • Profile Image
    sjashnani
    Asked on February 11, 2018 at 05:18 AM

    The height of my dynamic dropdown box is messed up. This has happened automatically without me making any changes. It has affected all the forms where I have used that widget.

    What's the fix? or is it a bug?



  • Profile Image
    Mike_G
    Answered on February 11, 2018 at 10:22 AM

    We would like to apologize for any inconvenience. But from the looks of it, it seems that there is an update with the height of the drop-down in the Dynamic Dropdown widget. I created a new form and the widget shows the same as in your screenshot.

    Perhaps we can inject CSS codes to the widget's custom CSS tab to reduce the height of the drop-down.

    Please give me some time, I'll try to work on a solution for your concern.

  • Profile Image
    Mike_G
    Answered on February 11, 2018 at 10:43 AM

    Below are the codes that you need to inject to the widget — How-to-Inject-CSS-Codes-to-Widgets

    .select2-selection__rendered {

        height: 16px !important;

        padding: 2px !important;

        line-height: 0px !important;

        display: inline !important;

        font-size: 12px;

    }

    input.select2-search__field {

        height: 22px !important;

        padding: 2px !important;

    }

    1518363629t10_39_30.png

    The CSS codes above should also work with your other forms. Otherwise, please feel free to let us know.