Need help; Footer is not displayed

[vaibhav15s]

Hi @westy92
I have used these options to print header and footer. But those are not displayed. Seems like the background is overwritten. (See attached image).
On page 1, the footer is not displayed, only part of left margin is displayed. While on page 4 when content is of the half page, the footer is coming properly.

Footer of page 1 with full page content

Footer of page 4 with half page content.

const options = {
  port: 9222, // port Chrome is listening on
 completionTrigger: new htmlPdf.CompletionTrigger.Timer(10000),
 printOptions: {
    marginTop: 0,
    marginBottom: 3,
    printBackground: true,	
    displayHeaderFooter: true,
headerTemplate: '<div style=" -webkit-print-color-adjust: exact; background-color: #40DCF4; height: 100%; width: 100%;" class="text title"></div>',

    footerTemplate: '<div style="-webkit-print-color-adjust: exact;  background-color: #4E5657;height: 50px; width: 100%; font-family: Droid Sans; font-size:10px;"><p class="text left">Copyright 2018</p><p class="text right">Page <span class="pageNumber"></span> of <span class="totalPages"></span></p></div>',
  },
};

[westy92]

Seems like a duplicate of #136.
Can you try the solution there?

[vaibhav15s]

Hi @westy92
No this did not help. I tried marginBottom in html and printoptions but footer is not dispalyed properly.