I am unable to modify the width of the Dropdown boxes. Why is this?

  • Varun1103
    Asked on April 20, 2017 at 7:51 AM

    Hi guys,

    All of a sudden from today the length for all the dropdown fields were changed on my form to a default setting without me initiating any change. I tried altering the width but nothing happens:

    I am unable to modify the width of the Dropdown boxes Screenshot 20

    The width does not change from 250 pixels. Could you please find out why this is happening as soon as possible? The form's aesthetic appeal is destroyed with this.

    Thanks!

    Varun

     

     

  • Sven
    Replied on April 20, 2017 at 8:33 AM

    Please inject the following CSS code to your form to change the dropdown width:

    .form-dropdown {

        width: 150px !important;

    }

     

    You can change the width number to any number you like, also please make sure to use !important, as it overwrites any previous styling conflict and sets the value from this code as important.

     

    Here's how to inject custom CSS if you need any help with that:

    How-to-Inject-Custom-CSS-Codes

     

     

    Thank you.

     

  • Varun1103
    Replied on April 20, 2017 at 8:59 AM

    Hi Sven,

    This would change the width for each drop-down field in our form. I do not wish that to happen because there are some parts in my form that i'd like the width to stay the same:

    I am unable to modify the width of the Dropdown boxes Screenshot 20

    I'd already used CSS to modify the widths for these fields so I don't want to overwrite this. This problem seemed to have occured today. The widths for rest of the dropdown fields that did not have any prior CSS formatting just got reset to a default width.

    Could the width for just these dropdown fields be be reset to what it was before?

    Thanks,

    Varun

     

  • Ian
    Replied on April 20, 2017 at 10:01 AM

    You can revert back form to the previous version when the form was working as expected.

    To know more about how to revert form to the previous version, please read the article at https://www.jotform.com/help/294-How-to-View-Form-Revision-History

    Hope this helps.