DropDown List does not size according to properties

  • Profile Image
    erlebc
    Asked on May 20, 2017 at 04: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.

     

     

  • Profile Image
    Kevin_G
    Answered on May 20, 2017 at 09: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. 

  • Profile Image
    erlebc
    Answered on May 22, 2017 at 01:53 PM

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