DropDown List does not size according to properties

  • erlebc
    Asked on May 20, 2017 at 4:20 PM

    Although the source code of my created form ( https://form.jotform.us/71395368876171 )

    does indicate the specified width of 590 pixels for the Drop Down List form element, the actual displayed form on my mobile device (LG G3 running Android 5.01) does not display the field width properly.  I think it is showing the default width.  I have tested also against a Lenovo Tablet also running Android 5.01 and the field is displayed properly.  It is also displayed correctly when viewed from a Desktop browser.  

    Would your thinking on this be a device specific issue with not showing the correct display width?  

    I have removed the field, and then put it back into the form with the same behaviors for each device and browser.

     

    Thank You.

     

     

    Jotform Thread 1149970 Screenshot
  • Kevin Support Team Lead
    Replied on May 20, 2017 at 9:09 PM

    Seems like there is some CSS code overriding the settings you have set up on your form; however, to display the field properly on mobile devices, please inject the following code: 

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

        width: 100% !important;

    }

    This guide will help you injecting it: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    Do let us know how it goes. 

  • erlebc
    Replied on May 22, 2017 at 1:53 PM

    That did the trick.  Thank You for such a prompt response.