How to print a specified page that only displays the fields associated with the specified page?

  • Profile Image
    Artie
    Asked on October 18, 2017 at 11:13 AM
    I have specified single pages from my form however, fields from the bottom of the previous page and top of the proceeding page are sometimes included on my specified page.

    I have multiple pages on my form and will occasionally need to print a specified page that only displays the fields associated with the specified page.

  • Profile Image
    BJoanna
    Answered on October 18, 2017 at 11:29 AM

    You can declare a page break on a printed form with the CSS codes. 

    You will need to add an empty div element where you want to break the page using a Text field. Add this code to the Source code of a Text field. 

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

    1508340105page break.png

    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/72904594753971 

    The page will break after the email field. 

    Feel free to test it and clone it

    Hope this meet what you are looking for.