Drop Down Menus are Two Different Sizes, Want Them to Be the Same

  • Profile Image
    fccmarketing
    Asked on October 11, 2017 at 11:03 AM

    Hi - 

    On this form: https://form.jotformpro.com/71313190503949...

    When selecting Paper Size, the 8.5x11 option displays a drop down that is a smaller width than the drop downs that appear when either the 11x14 or 11x17 options are selected.

    Ideas to make these all the same?

    Thanks!

  • Profile Image
    EltonCris
    Answered on October 11, 2017 at 12:49 PM

    I see what you mean. It seems the dropdown with sub-label differs from the others due to a small difference in its HTML structure. 

    Anyway to fix it, inject this CSS codes to your form.

    [data-type="control_dropdown"] .form-input-wide .form-sub-label-container {

        width: 100%;

    }


    [data-type="control_dropdown"] .form-input-wide {

        display: inline-block;

    }

    Guide: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    It'd look like this after: