How to add page breaks while printing

  • Profile Image
    CAACadmin
    Asked 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

     

     

  • Profile Image
    david
    Answered 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.