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

    How to add page breaks while printing

    Asked by CAACadmin on February 04, 2016 at 01:59 PM

    Please teach me how to insert page breaks that apply when I print a document so that my hard copy (template) pages are the same as the form pages.  These forms are for doctors and the sections of the documents need to be on specific pages.

     

    Someone answered the question I needed to have answered (in a different forum), but I'm not sure how to go about doing the steps to implement it.  This is the forum thread that I followed, and it worked for that user, I just need to learn how to do it:  http://www.jotform.com/answers/654908

     

     

    Page URL:
    form.jotform.com

    step step by step a JotForm template sections print
  • Profile Image
    JotForm Support

    Answered by david on February 04, 2016 at 04:44 PM

    What that user did was add CSS to their form so that page breaks caused a new page while printing.  Add this code to your form:

    http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    @media print{

        .pageBreak {

            page-break-after : always !important;

        }

    }

    Then, where ever you would like to have a print page break, add a "Text" field to your form.  Click on "Edit HTML" for the text field, then click on the "Source" button:

    In the source code section, add this code:

    <div class="pageBreak">&nbsp;</div>

    Click on "OK" then click on "Complete" in the top right of the text field.  You would add one of these fields to each place in the form you would like a print page break.