Enlarge the field of option selected

  • Profile Image
    Rosedaleruby
    Asked on February 11, 2021 at 01:57 AM

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

    1613026646_6024d5569c37d_


  • Profile Image
    gerardw
    Answered on February 11, 2021 at 03: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.png

    #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.

  • Profile Image
    Rosedaleruby
    Answered on February 11, 2021 at 07: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)?

  • Profile Image
    gerardw
    Answered on February 11, 2021 at 09: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