Enlarge the field of option selected

  • Rosedaleruby
    Asked on February 11, 2021 at 1:57 AM

    How can i enlarge the width of all options in the form to show all characters?

    1613026646 6024d5569c37d  Screenshot 10


  • Girish JotForm Support
    Replied on February 11, 2021 at 3:25 AM

    Please use this CSS code to increase the width of all dropdown fields:

    [data-type="control_dropdown"] .form-dropdown {

    max-width: none !important;

    width: 300px !important;

    }

    If you want to increase the width for a specific drop-down field in your form, you can use the field ID of that field:

    1613031844 6024e9a47e24b 1102 15 Screenshot 10

    #input_331 {

    max-width: none !important;

    width: 300px !important;

    }

    Here is how you can get the field ID: https://www.jotform.com/help/146-how-to-find-field-ids-and-names

    Please check if this helps.

  • Rosedaleruby
    Replied on February 11, 2021 at 7:40 PM

    Thanks, how about, if i want to show the dropdown field (without hiding) , but customer is prohibited to choose the option (i try to let customer see the wording)?

  • Girish JotForm Support
    Replied on February 11, 2021 at 9:19 PM

    There is an option to make a field read-only, but that option is not available for the dropdown field.

    You may alternatively use conditions to achieve it, please kindly check this guide that will help you conditionally disabling it: https://www.jotform.com/help/371-how-to-enable-disable-fields-using-conditional-logic