How can i make my dropdown box wider so I can read the whole line of my selection?

  • Pistol865
    Asked on August 31, 2017 at 5:05 PM

    I've put in multiple drop down boxes with labels and associated values to those titles in them. However, The dropdown box is rather narrow ( AREA BREAKOUTS  as well as REGION BREAKOUTS). When someone goes to selected his option, he cannot read what is on each line completely. I tried going into "properties" then "options". There IS a WIDTH section there (Width of this dropdown in "pixels".) It is set at 150. I tried increasing it but the width of the box remains the same.

    https://form.jotform.us/71108358384156

     

    Jotform Thread 1237477 Screenshot
    Page URL: https://form.jotform.us/71108358384156
  • David JotForm Support Manager
    Replied on August 31, 2017 at 6:05 PM

    Please inject the following CSS code in your form: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    [data-type="control_dropdown"] .form-input, [data-type="control_dropdown"] .form-input-wide {

        width: 480px !important;

    }

    Result:

    How can i make my dropdown box wider so I can read the whole line of my selection? Image 1 Screenshot 20