Printable form

  • Profile Image
    Asked on August 28, 2018 at 09:41 AM

    I would like to have a printable version of my form, aswell as the online one.

    If I pdf my form as it is, it seems to mess the sizing/layout up.

    So as dimensions are differernt, I'd like to keep both "live" please?

    What changes do I need to make to the printable version please, to make sure it prints 4 pages?

    Thank you


  • Profile Image
    Answered on August 28, 2018 at 11:39 AM

    You can save the form in a PDF format from the Print dialog in the browser.

    This PDF form cannot be submitted, however.

    You can also create a PDF form from the My Forms section but unfortunately, this form cannot have the same design/layout as the form in the web. This form can be submitted.

    You can force a page break when saving the form as PDF from the browser by adding some custom CSS and HTML to the form.

    Custom CSS:

    @media print {

      .pageBreakHere {

        page-break-after: always !important;



    Then add a Text element to the form where you want the page to break. Edit the source code of the Text element with the following:

    <div class="pageBreakHere">&nbsp;</div>



    When you try to print my demo form in the browser, it will have 4 pages even though it only has 1 page in the browser.