Change the width of dropdowns

  • tommichaud007
    Asked on April 18, 2025 at 10:51 AM

    How can I change the width of the "Weather" field so it fits comfortably in the row containing the date and time?

  • John JotForm Support
    Replied on April 18, 2025 at 11:14 AM

    Hi Thomas,

    Thanks for reaching out to Jotform Support. You can easily adjust the width of those dropdowns by Injecting CSS Codes into your form. Let me walk you through it:

    1. First, copy this code:

    [data-type="control_dropdown"] .form-dropdown {
        width: auto !important;
    }

    2. In Form Builder, click on the Paint Roller icon on the right side of the page to open Form Designer.

    3. Now, in the Form Designer menu, click on the Styles tab, scroll down and paste the code into the Inject CSS Code box. That’s it. The code is automatically saved.

    Change the width of dropdowns Image 1 Screenshot 20 Give it a try and let us know how it goes.

Your Answer