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

    2-Page form: I would like to have the same height on both pages

    Asked by goquote on November 17, 2014 at 12:18 PM
    I would basically like the 2nd page the same length as the 1st page so when they click you don't have to scroll. I think this can achieved by making the data fields a little larger but closer together.
    fields height CSS multiple pages
  • Profile Image

    Answered by Ben on November 17, 2014 at 12:43 PM

    Hi,

    I took a look at your jotform ( http://www.jotform.co/form/43194854368870 ) and from what I can see these are the sizes of the pages:

    page 1: 390 x 820
    page 2: 390 x 735

    Now to make them of the same height we can add this CSS to make it of the same height:

    li#id_16 {
        margin-top: 30px;
    }
    li#id_13, li#id_14, li#id_15 {
        padding-top: 16px;
    }
    li#id_2 {
        padding-top: 10px;
    }

    You can see here how to Inject Custom CSS Codes.

    Do let us know if that is what you wanted to achieve.

    Best Regards,
    Ben