Printing a portion of the page on lick and not the whole page?

Hi,

I’m trying to implement a page which allows users to print a voucher, but on pressing the print voucher button it only prints the voucher and not the header and footer of the page…

How would I go about doing this? are there examples of this being done?

the landing page for the printable voucher is here

It has not been coded up yet, its just an example to show you how the page might look…

as you can see the voucher is the middle part just below the header… the print button is below it…

Can anyone help with this?

I was thinking I would have to embed the voucher in an iframe and then on click of the button it would print only what is within the iframe… is this a suitable and feasible solution?

any help as to the best solution for this would be greatly appreciated…

Cheers

O

You could create a print style sheet in which you set the header and footer to display: none;

This is exactly what I’m after…

Thank you for that …

:slight_smile: