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

  • Profile Image
    Pistol865
    Asked on August 31, 2017 at 05: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

     

  • Profile Image
    BDAVID
    Answered on August 31, 2017 at 06: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: