Printing page number in the print format

nirmal2010 · January 30, 2024, 12:00pm

I want to add page number in the footer in the format of “Page 1 of 3” or else “Page 2”, “Page 3”

Tried this, but not working.

<div class="print-format-footer">
    <p id="pagenum"><strong>{{ _("Page {0} of {1}").format('<span class="page"></span>', '<span class="topage"></span>') }}</strong>
     </p>

NCP · January 30, 2024, 12:33pm

Hi @nirmal2010,

Page numbers will only show in PDF, not in print or full-page print.

Reference:

github.com

frappe/erpnext/blob/version-15/erpnext/accounts/print_format/sales_invoice_return/sales_invoice_return.html#L97-L108


      
          	{% if print_settings.repeat_header_footer %}
          	<div id="footer-html" class="visible-pdf">
          		{% if not no_letterhead and footer %}
          		<div class="letter-head-footer">
          			{{ footer }}
          		</div>
          		{% endif %}
          		<p class="text-center small page-number visible-pdf">
          			{{ _("Page {0} of {1}").format('<span class="page"></span>', '<span class="topage"></span>') }}
          		</p>
          	</div>
          	{% endif %}

Thank You!

nirmal2010 · January 31, 2024, 6:29am

Thanks a lot @NCP for this code. Is there any possibility to print the page number?

NCP · January 31, 2024, 6:31am

Maybe not, but you can try.

nirmal2010 · January 31, 2024, 2:46pm

Thank you

Sarah · August 22, 2024, 12:30pm

Hi @nirmal2010 Any Success on printing page number in print(full page print) ?

nirmal2010 · October 10, 2024, 11:02am

No @Sarah

I didn’t get a solution for this.

asieftejani · July 16, 2026, 2:49pm

Hi guys,

This worked for me (in wkhtmltopdf not chrome pdf generator). Put it right at the end on the footer: -

<h1 style="text-align: center">Put your HTML here</h1>


{% if print_settings.repeat_header_footer %}
<div id="footer-html" class="visible-pdf">
    <p class="text-center small page-number visible-pdf">
        {{ _("Page {0} of {1}").format('<span class="page"></span>','<span class="topage"></span>') }}
    </p>
</div>
{% endif %}

A better alternative is Betterprint-specific Jinja examples | Frappe Betterprint Docs