How to increase the dropdown's width?

  • DanBlum
    Asked on April 13, 2017 at 5:23 PM

    The form:

     

    https://form.jotform.com/70254751607960

     

    ..suddenly had it's drop- down widths narrowed.  I tried widening the first one by going to the options and setting the pixel width, then clicked save but it didn't change the width.   Ultimately all of them need to be wide enough for the user to see the options.   (as it was before)

    Also, the form editor seem to change to version 4.0.    I changed it back.   Did you guys change some of these without consulting the account?

  • Kevin Support Team Lead
    Replied on April 13, 2017 at 8:16 PM

    Please, inject the following CSS code to your form, this seems to have resolved the issue on my end, I can also see the fields have their own width value, seems like this was a conflict, but the code should resolve it. 

    .form-dropdown {

        max-width: initial;

        width: auto !important;

    }

    This guide will help you to inject the code: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    Regarding to your second question, I've checked your account and the default builder is our version 3: 

    How to increase the dropdowns width?  Image 1 Screenshot 20

    Hope this helps.