How do create page breaks for printing

  • chrishansin
    Asked on October 10, 2017 at 10:23 AM

    I am trying to have my forms print so that were my page breaks are inserted it will start the new page separate.  How do I do that?  I have inserted page breaks but when I print they are not printed that way.  It all runs together.

  • BJoanna
    Replied on October 10, 2017 at 11:34 AM

    The form you provided does not have a print button. How are you printing the form?

    Print Button on Forms

    You can also determinate where the page will end with the CSS code. To achieve this you will have to add empty divs before each page break field, using the Text fields. 

    1507649162div Screenshot 10

    Also, add this CSS code to your form:

    @media print{

    .pagebreak {

    page-break-before : always;

    page-break-inside : avoid;

    }

    }

    How to Inject Custom CSS Codes

    Here is my demo form: https://form.jotform.com/72825060935963 

    Feel free to test it. However, please note that there are too many fields on page 2 and 3 and they cannot fit on a single page. You will have to reduce the number of fields or reduce the spacing between fields. 

    How Can I Change Spacing Between Questions?

    Let us know if you need further assistance.