Adjusting width of Configurable List to fit on iphone form

  • nuflat
    Asked on March 23, 2016 at 3:32 PM

    I have a membership form with a configurable list and it's too wide for the iPhone.  It makes the rest of the form not fit properly.  If I remove the widget the form fits fine. I saw some that had fields underneath each other instead of horizontally.  I was wondering what I needed to do to fix my form.  https://form.jotform.com/60826111561145

    Thanks

  • Mike
    Replied on March 23, 2016 at 4:28 PM

    The Configurable List widget is based on a fixed table layout. You may try affecting it with added CSS code to the CUSTOM CSS tab of that widget.

    For example, try the next CSS in order to set a 100% width for mobile devices:

    @media only screen and (max-width: 480px) {
    table#list {width: 100% !important;}
    textbox, textarea, select{width:100% !important;}
    input[type=text] {width: 100% !important;}
    }

    Adjusting width of Configurable List to fit on iphone form Image 1 Screenshot 30

    Adjusting width of Configurable List to fit on iphone form Image 2 Screenshot 41

    If you need any further assistance, please let us know.

  • nuflat
    Replied on March 23, 2016 at 5:43 PM

    Thanks that worked. I have an issue though of not being able to see the next button at the bottom of the page when viewing on a mobile device.  I have to enlarge the iframe on the webpage larger than the from to be able to view it.