Invoice to open in new window

Hi,
Our Knack database is embedded into our website.
Members submit a form which generates an invoice, however it opens as a pop-up rather than a new window. When printing, this causes it to print the whole page (including our website header and footer) and makes quite a messy document for printing.

How can I change this so the invoice opens into a new window as a PDF for a better user-experience when printing?

Thanks!

Hi Megan - I think the “pop-up” experience you’re referring to is our “Display as a Modal” option within Page Settings… Here is how you can change it in the existing app-builder experience (“Classic”) and our newer “Next-Gen” experience.
https://www.loom.com/share/04b20dd7398c4b838d4c559806c3f687?sid=0c8466ef-5b85-4e30-9804-9d5f2ff50bf9

Hi John,
Thanks for your response. I have just tried changing that and it actually makes the problem worse.
We have the “Show a link to print this page” ticked, however it prints in such a mess that the invoice is useless when printed/saved as a PDF.
I want to be able to export/generate a clean PDF that can be downloaded and printed, without the header and footer of our website.

Hi @Megan2,

The native print method doesn’t always have a nice output unfortunately, as it’s only as good as what the browser can print.
I personally have achieved a fairly clean format with a little bit of CSS and JS.
invoice-pdf

If you want to be able to export your data into a nice clean invoice PDF template, my good friend @CarlHolmes has a post about this here: How to create Multi-line PDF’s free with Make

1 Like