Issues with header and footer templates

[kimmobrunfeldt]

This issue gathers a lot of issues with PDF header and footer templates. They are not as flexible as I and apparently many others have thought.

Headers and footers are not appearing

• Remember to set pdf.displayHeaderFooter to true.
• Add margins for the document: https://github.com/GoogleChrome/puppeteer/issues/1853

Working example: https://url-to-pdf-api.herokuapp.com/api/render?url=https://github.com&pdf.margin.bottom=100px&pdf.displayHeaderFooter=true&pdf.footerTemplate=%3Cp%20style=%22font-size:20px%22%3EFooter%20text%3C/p%3E

Styling is not working

See https://github.com/GoogleChrome/puppeteer/issues/2916 and https://github.com/GoogleChrome/puppeteer/issues/2388

[RayAnti2]

I found puppeteer is a good tool for converting from html to pdf. But the footerTemplate must be the same on all pages? Now I need, for example, pages' footer like this:

(page 1) pageNumber of totalNumber---------------------------vocabulary list

(page 2) vocabulary list-------------------------------------pageNumber of totalNumber

(page 3) pageNumber of totalNumber---------------------------vocabulary list

I prepared 2 Templates for odd and even num pages How should i do ?

[germanger]

• Remember to set pdf.displayHeaderFooter to true.
• Add margins for the document: puppeteer/puppeteer#1853

I would add:
Remember to set a font-size of 8px or more, because the default is almost invisible

<div style='font-size: 8px; margin-left: 30px'>Page <span class='pageNumber'></span> of <span class='totalPages'></span></div>

Also don't use <span class='pageNumber' />.
Close it with </span>