Can you advise some details about form page width...

  • Benflips
    Asked on July 12, 2016 at 5:38 AM

    Hi.

    I know how to alter the overall page dimensions.

    In the past I've done this to try to have 3 or 4 fields appear on one line, rather than try to learn how to alter the sizing of individual fields!

    Wondering if you can tell me what is the ideal width to make sure the form remains as responsive as possible across devices.

    Does it matter?

     

    Thanks in advance

  • Chriistian Jotform Support
    Replied on July 12, 2016 at 7:42 AM

    Hi,

    I checked your form and it appears to be responsive. Please see below.

    Can you advise some details about form page width Screenshot 20

    In what device you are having issue with responsiveness? Are you embedding this form to a webpage?

  • Benflips
    Replied on July 12, 2016 at 8:46 AM
    I was not saying i had a problem. I was asking what, if any, is the ideal
    width given i have all of the elements i do
    ...
  • Kevin Support Team Lead
    Replied on July 12, 2016 at 10:51 AM

    Our forms are responsive by default, it means that you do not need to make any change to your form in order to make it responsive.

    However, in case that you want to modify your form using some CSS codes, I would suggest you to set the width with percentage instead of fixed pixels.

    Setting the width using percentage will allow the form to fit the screen, if you set it with pixels it will have a static size and will not change dynamically according to the device.

    This should be the code if you want to inject it:

    .form-all{

     width: 100%;

    }

    That code for example, will display the form in the full window.

    However, I would suggest you you to give it a try and let us know if you have questions, we will be glad to help you.