[Reactive Print PDF Button] Header and footer Implementation
Forge component by Gianluca Bracca
Application Type


I wanted to implement the Header and Footer in all the PDF pages.

How can this be possible?


Hi Rohan,

This component was developed to "print" the content of a container and not a whole screen.

On my projects, I used the css class "show-on-export" to "print" elements that I don't want to be displayed on screen. Do some testing with this class to get the Headers and Footers you are looking for.

Greetings, Gianluca

Hey Gianluca ,

It would be really helpful if u can provide inputs on how to implement header and footer using this component.



Hi Sowndarya,

as I have already indicated, this component is dedicated to generating PDFs with the content of a Container.

If your need is to have a print for the whole page, with header/footer and other elements, I suggest you to look at this component: https://www.outsystems.com/forge/component-overview/7667/pdf-generator-web

Or adopt a more advanced solution that uses this component: https://www.outsystems.com/forge/component-overview/209/html2pdfconverter

but it works only on Web Application, so it's necessary to build a wrapper that exposes a printing service to be called from Reactive App.

Last option, try to modify my component to get the result you're looking for.



Hi Gianluca ,

I tried using PDF generator web and HTMLtoPdf convertor as well. But couldn't get a proper solution for my requirement to print a pdf with default header and footer in all pages.

It would really helpful if you share any oml file for the same.

For blur issue we have user DPI .

Thanks ,


Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.