How do create page breaks for printing

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

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

    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.