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: footerTemplate and headerTemplate don't use body styles puppeteer/puppeteer#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 puppeteer/puppeteer#2916 and puppeteer/puppeteer#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>