Hello, I’m using a custom print format and I added the header and footer code as shown below and they are repeated on every page when I generate the PDF document.
However, I have a case where the first page is a cover page and the header and footer should not be there.
But from what I understand this code displays them on every page. Is there a function or trick using frappe or javascript to remove the header and footer from the first page only?
<div id="header-html" class="hidden-pdf">
<div class="row section-break letter-head">
<div class="col-xs-12 column-break" style="margin-top: 2%">
HEADER IS HERE
</div>
</div>
</div>
<div id="footer-html" class="visible-pdf">
<div class="row section-break">
<div style="margin-bottom: -64px">
FOOTER IS HERE
</div>
</div>
<p class="text-center small page-number visible-pdf">
Page <span class="page"></span> of <span class="topage"></span>
</p>
</div>
NOTE: I’m using frappe cloud so I can’t change the internal code.