Add page break on form when printing

  • cgalarza
    Asked on September 23, 2016 at 1:49 PM
    I tried your suggestion but it has not worked...please help!
  • David JotForm Support Manager
    Replied on September 23, 2016 at 1:54 PM

    Please provide the form you are working with, so we can try injecting the proper CSS code to make it work.

  • cgalarza
    Replied on September 23, 2016 at 1:57 PM

    Here you go: https://form.jotform.com/62645906652159

    Is it possible for the page breaks to be reflective when printed once the information has already been entered? So it is not just a big run on with different pages being on the same page?

  • David JotForm Support Manager
    Replied on September 23, 2016 at 2:48 PM

    Hi again, I see you already have set everything up, it is just that you put the wrong class in the designer. 

    The class you are using in the HTML fields is "pageBreakHere":

    Add page break on form when printing Image 1 Screenshot 30

    And the one setup in the Designer is "pageBreak":

    Add page break on form when printing Image 2 Screenshot 41

    You just need to add "Here", so this would be the code:

    @media print {

    .pageBreakHere {

    page-break-after: always !important;

    }

    }

    In that way, when you print the form, each page of your form will be separated, to avoid having all printed in the same pages together. 

    On regards of printing users data, here is how: https://www.jotform.com/help/335-How-to-Print-the-Form-with-the-Users-Data 

    Let us know if you need more help.