Can I print a PDF so that each "page" in the form prints on a separate page?

  • Frontiers
    Asked on October 31, 2017 at 4:47 PM

    Is there a way that we can print each page from the form on a separate pate.  We have a form that has different parts that needs to go to different people.

  • Mike
    Replied on October 31, 2017 at 9:00 PM

    This should be possible if you use a Print button on the form (in a live mode or in a submission edit mode). The browser can also print the output into a PDF file (see How to Save a Web Page as a PDF in Google Chrome).

    To add the page breaks into the print output do the following:

    1) Add a Text field before each Page Break element on your form.

    Include empty div with a pagebreak class to each Text field.

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

    0sjel Screenshot 20

    2) Add the next CSS to the form.

    @media print{
    .pagebreak {
    page-break-before : always;
    page-break-inside : avoid;
    }
    }

    Can I print a PDF so that each page in the form prints on a separate page? Image 1 Screenshot 31

    If you need any further assistance, please let us know.

  • Frontiers
    Replied on November 1, 2017 at 9:56 AM

    Thanks that works nicely if I use the print form button at the end of the form when submitting.  What I need is to be able to have the same page breaks when I print from the "submissions" Page.  Different parts of this form need to go to different entities.  And we need to be able to have each "page" in the form print from the submission page.  This does  not seem to be working on my form at this point in time.

  • Ashwin JotForm Support
    Replied on November 1, 2017 at 11:18 AM

    Please note that it is possible to customize submission PDF template. You will have to manually add blank space in PDF template to print the form in different pages. 

    The following guide should help you how to customize PDF template: https://www.jotform.com/help/384-How-to-Customize-PDF-Submissions-Report