Insert page break for printing

[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.

[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 (8.58 KiB) Viewed 1535 times

[enillrae]

Hi Nikita,

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

[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.