Simple way to print page as pdf

Tips
1

You need the toolbox plugin and a plugin to add CSS to the page (second is optional).

Download page as pdf:

  • using toolbox, create a workflow event that adds js with the following script:
    window.print()

pritnaspdf
pritnaspdf473Ă—643 15.7 KB

Optional, ensure colors/images are printed automatically:

Add the following CSS to your page:

  • {
    -webkit-print-color-adjust: exact !important; /* Chrome, Safari, Edge */
    color-adjust: exact !important; /Firefox/
    }

Result:

image
image1429Ă—841 118 KB

I use this for my native esign feature. Customers sign the document on the page itself via input box and click a button, then they can download the contract.

Pro tip: The page title field in the editor is dynamic, so you could have the page title load the signer’s names. That shows up at the top of the pdf as part of the header. In my screenshot its the text that says "Contract between:

10 Likes
3

where do you apply the css ? in the page “Page HTML Header” input ?

4

Yes you can include it in the header or in an HTML element on the page

Make sure you wrap the CSS in the style tag though

5

okay, thanks, i’ll try it