How to add page breaks while printing

  • CAACadmin
    Asked on February 4, 2016 at 1: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

     

     

  • David JotForm Support
    Replied on February 4, 2016 at 4: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:

    How to add page breaks while printing Image 1 Screenshot 20

    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.