How can I print each page from the form on a separate page?

  • Profile Image
    SmileyStars
    Asked on May 07, 2017 at 12:50 PM

    I have separated my form into 5 pages and a thank you page when submitting the form

    I want to be able to print each section(form page) separately as I need to file each section separately.

    please help. 

    I have added at each page that i want it to print separately the "<div class="pageBreak">&nbsp;</div>" as you can see in the screenshot uploaded as I read in one of your threads 

    I also added a CSS as I have beed advised by one of your colleagues 

     

    @media print {

     

    [data-type="control_pagebreak"]{page-break-after: always;}

     

    }

    label.form-label {

        min-width : 60%;

    }

     

    .form-section.page-section {

     

    }

     

    #label_47 {

     

    }

     

    .form-line.form-line-column.form-col-3.jf-required {

     

    }

    and from searching on your threads

     

     

    @media print {

     

    [data-type="control_pagebreak"]{page-break-after: always;}

     

    }

     

     

    Many thanks for your help

    Tamara

  • Profile Image
    jonathan
    Answered on May 07, 2017 at 02:57 PM

    As mentioned already on the previous thread here https://www.jotform.com/answers/1057611-How-to-print-each-page-separately-from-multi-page-form#6

    if the length of the form page will not fit the print output size for each page, the print output will be broken down into multiple part instead.

    I test printing your form and it resulted into 15 print output pages for me using A4 paper size.

    Example:

     

     

    ---

    if you really want the print output to for each page to be on separate paper each time, you will have to do some trial and error and adjust the length of each of the form page to match the print output size.

    Let us know if you need further assistance.