Printing each page separately.

  • Profile Image
    mahurin111
    Asked on April 24, 2017 at 01:30 PM

    Is there a way for there to be a page break when printing forms using the print button located in the form? I want the form to print looking just like the form does when I print it at the end, not the submitted form when I just PDF it, but it is merging all of my pages together and not utilizing the page breaks. Can someone help me with this?

  • Profile Image
    BJoanna
    Answered on April 24, 2017 at 03:29 PM

    If I understood you correctly, you are printing your form with Print button and you want to add page breaks.

    To achieve this you will have to add empty div where you want to break the page inside of the form builder. Empty div can be added to source code of text field. 

    <div class="pagebreak"> </div>

    You will also need to add this CSS code to your form:

    @media print {

    .pagebreak{

    page-break-after: always !important;

    }

     

    }

    How to Inject Custom CSS Codes

    Here is my demo form: https://form.jotformpro.com/71136062472955 

    I added only page breaks after first and second form collapse field.

    Feel free to test it and clone it

    You can also check this guide to find out How to Print the Form with the Users Data.

    Let us know if you need further assistance.