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

  • Profile Image
    Frontiers
    Asked on October 31, 2017 at 04: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.

  • Profile Image
    Mike
    Answered on October 31, 2017 at 09: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.png

    2) Add the next CSS to the form.

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

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

  • Profile Image
    Frontiers
    Answered on November 01, 2017 at 09: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.

  • Profile Image
    ashwin_d
    Answered on November 01, 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