Printable form

  • Profile Image
    Clairh74
    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

    Clair

    Screenshot
  • Profile Image
    Adrian
    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.
    (https://www.iceni.com/blog/google-chrome-browser-has-built-in-save-as-pdf-function/)

    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.
    https://www.jotform.com/help/212-How-to-Create-a-PDF-Form

    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>

    Demo: https://form.jotform.com/82394515771968

    1535470741001.png

    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.