What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Widget not resizing

    Asked by GMBC on June 01, 2017 at 12:26 PM

    This form has a widget in the middle that only shows all the fields on a (android) phone if you turn the phone in landscape mode. In portrait, it doesn't even give you a scroll option.

    Page URL:
    https://form.jotform.us/62716666003151

  • Profile Image
    JotForm Support

    Answered by BDAVID on June 01, 2017 at 02:41 PM

    Please note that the more fields you add in the Configurable List widget, the less responsive it will be in portrait mode. Please try injecting the following code inside the Configurable List widget's custom CSS area:

    @media only screen and (max-device-width:30em){

    table#list {width: 100% !important;}

    textbox, textarea, select{width:100% !important;}

    input[type=text] {width: 100% !important;}

    th {font-size: 10px !important;font-weight: normal !important;}

    }

    @media only screen and (max-device-width:60em){

    table#list {width: 100% !important;}

    textbox, textarea, select{width:100% !important;}

    input[type=text] {width: 100% !important;}

    th {font-size: 10px !important;font-weight: normal !important;}

    }

    Let us know if that helps.

  • Profile Image

    Answered by GMBC on June 01, 2017 at 03:08 PM

    ...I must take that code off, as an initial view in portrait mode is so crammed, you can't select the fields you want - plus, it will not resize upon turning to landscape mode.

     

    Any other ideas?

  • Profile Image
    JotForm Support

    Answered by BDAVID on June 01, 2017 at 06:06 PM

    Then remove my previous code, and inject the following code in your form as shown on this guide: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    @media only screen and (max-width: 480px) {

    #id_49{

        width: 280% !important;

    }

    }

    That code will allow the user to scroll from left to right to fill all the fields of the configurable list widget:

    Let us know if you need more help.