How to print a form with pagebreaks ?

  • truenorthhotels
    Asked on January 22, 2016 at 11:56 AM

    Hello, I have read through the forum looking for an easy answer. There are no answers that don't involve some sort of coding. I do not know how to write code or where to put it if I did. Isn't there an easy solution? I need my forms to print exactly as they are on screen. Page breaks when printing a filled out form should be EXACTLY where the page breaks are on the screen. PLEASE HELP as soon as possible. This really needs to work.

     

    Thank you.

     

    Kim

  • Kevin Support Team Lead
    Replied on January 22, 2016 at 1:14 PM

    Hi,

    Thank you for contacting us.

    You can print your form as is shown on the web Browser by following this Keyboard Shortcut :

    Ctrl + P

    Or also click on Options and then click on Print : 

    How to print a form with pagebreaks ?  Image 1 Screenshot 50

    You will print the for exactly as is shown on the Browser, but you may also add a page break, just follow this steps.

    1. Add a Text Field in the place you want to add the Page break : 

    How to print a form with pagebreaks ?  Image 2 Screenshot 61

    2. Click on the Edit button and then paste this HTML code : 

    How to print a form with pagebreaks ?  Image 3 Screenshot 72

    <div class="pageBreakHere"></div>

    How to print a form with pagebreaks ?  Image 4 Screenshot 83

    Then Inject this CSS code : 

    @media print {

    .pageBreakHere {

    page-break-after: always !important;

    }

    }

    Hope this helps.

    Feel free to contact us if you need further assistance, we will be glad to help you.

    Regards.