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

  • Profile Image
    Varun1103
    Asked on April 20, 2017 at 07: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:

    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

     

     

  • Profile Image
    Sven
    Answered on April 20, 2017 at 08: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.

     

  • Profile Image
    Varun1103
    Answered on April 20, 2017 at 08: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'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

     

  • Profile Image
    Ian
    Answered 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.