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 I add page numbrs and/or footers to each page?

    Asked by ABSSD on July 16, 2015 at 12:23 PM

    I set up my form so that it has multiple pages. Is there a way I can add page numbers that go in ascending order from page 1 so I don't have to manually add them.

    We have about an 8 page form by the end of this so having page numbers would be helpful.

    Also is there a way we could add a footer with our organization information, phone, etc so it appears on each page?

    Thank you,

    Rebecca Branta

     

     

    OR footers information end page number page count
  • Profile Image

    Answered by Ben on July 16, 2015 at 02:46 PM

    I presume Rebecca that you are looking for a way to do this with few clicks, but unfortunately, the only way to do it would be to do it manually.

    The header can be made by adding a text field to the form and adding all that info as a footer and in the same way add the page number to each page.

    Once you add it all up, it could look like this (clone of your jotform, but with JotForm.com address details - which you can easily change):

    http://form.jotformpro.com/form/51965938329976

    This is the CSS used (first rules are for page number and the second ones are for footer):

    #id_193, #id_196, #id_198, #id_200, #id_202 {
        margin-top: -50px;
        top: 45px;
        left: -35px;
    }
    #id_194, #id_195, #id_197, #id_199, #id_201 {
        background-color: orange;
        margin-top: -20px;
        text-align: center;
        top: 15px;
    }

    You can of course change the styles to match different colors, add more text, etc, but this would need to be done manually.

    Do let us know if you have any further questions or if you would like us to assist with anything else and we would be happy to do so.