Insert page break for printing

Discussions about Forms Designer for SharePoint 2013 / 2016 and Office 365.
Locked
enillrae
Posts: 17
Joined: Mon May 29, 2017

10 Oct 2017

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.

User avatar
Nikita Kurguzov
Posts: 889
Joined: Mon Jul 03, 2017

10 Oct 2017

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 1533 times
Cheers

enillrae
Posts: 17
Joined: Mon May 29, 2017

10 Oct 2017

Hi Nikita,

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

User avatar
Nikita Kurguzov
Posts: 889
Joined: Mon Jul 03, 2017

11 Oct 2017

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

Locked
  • Information
  • Who is online

    Users browsing this forum: No registered users and 7 guests