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

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

    Asked by Benflips on July 12, 2016 at 05: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

    Page URL:
    https://www.jotform.com//?formID=43420990799871#design

    Form Page details can sizing thanks 3 devices
  • Profile Image
    JotForm Support

    Answered by Chriistian on July 12, 2016 at 07:42 AM

    Hi,

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

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

  • Profile Image

    Answered by Benflips on July 12, 2016 at 08: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
    ...
  • Profile Image
    JotForm Support

    Answered by Kevin_G 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.