Page 1 of 1

Insert page break for printing

Posted: 10 Oct 2017
by enillrae
Hi,

How do you insert a page break when printing forms? I have a form that spans 2 pages and would like the 1st page to end at a particular point and then continue onto the second page.

Re: Insert page break for printing

Posted: 10 Oct 2017
by Nikita Kurguzov
Hello, enillrae!
You can use CSS style for that. Just give a CSS class to a specific element on the form or even insert an HTML control where you want page break to occur and use one of the following styles for it in the CSS editor:
https://www.w3schools.com/cssref/pr_print_pageba.asp
https://www.w3schools.com/cssref/pr_print_pagebb.asp
https://www.w3schools.com/cssref/pr_print_pagebi.asp
CSSEditor.png
CSSEditor.png (8.58 KiB) Viewed 1534 times

Re: Insert page break for printing

Posted: 10 Oct 2017
by enillrae
Hi Nikita,

I've tried your suggestions before but they have not worked.

Re: Insert page break for printing

Posted: 11 Oct 2017
by Nikita Kurguzov
Okay, try to add this <div> where you want page to break:

Code: Select all

<div class="print"></div>
And try this code out in CSS editor:

Code: Select all

@media print {
    .print {
     margin-bottom: 1000px;
    } 
   }
 
Adjust margin for the desired effect on your Form.