Hello with kendo pdf export, can I specify a header and footer image that is repeated over multiple pages?

[Morne]

<div class="pdf-signing-viewer">

  <div class="pdf-signing-document-container">

    <kendo-pdf-export #pdf paperSize="A4" margin="0.5cm"  style="height: 100%; display: block">

      <div class="pdf-signing-document">

        <div *ngIf="htmlHeader != null" class="pdf-signing-header">

          <img src="{{ htmlHeader }}" width="90%" height="90%" />

        </div>

        <div id="HtmlTemplateContent" style="padding: 20px"></div>

        <!-- Signature preview for PDF export -->

        <div *ngIf="signatureValid" style="margin-left: 20px; display: flex; align-items: center;">

          <p style="font-size: 14px; margin: 0;">Signature:</p>

          <img [src]="signature" alt="Signature" style="max-width: 200px; max-height: 100px;" />

        </div>

        <div *ngIf="htmlFooter != null" class="pdf-signing-footer">

          <img src="{{ htmlFooter }}" width="100%" height="80%" />

        </div>

      </div>

    </kendo-pdf-export>

    <div class="pdf-signing-fade"></div>

  </div>

  <div class="pdf-signing-actions">

    <div class="pdf-signing-actions-content">

      <div class="pdf-signing-signature-area">

        <kendo-signature

          [popupScale]="2"

          [(ngModel)]="signature"

          (ngModelChange)="onSignatureChange($event)">

        </kendo-signature>

      </div>

      <div class="pdf-signing-buttons">

        <button kendoButton themeColor="primary">Upload PDF</button>

        <button kendoButton themeColor="primary" (click)="SaveThePdf(pdf)" [disabled]="htmlHeader == null && htmlFooter == null">Download PDF</button>

      </div>

    </div>

  </div>

</div>

[Yanmario]

Hi Morne,

Yes, you would need to use the kendoPDFTemplate and add the elements that need to be repeated on each page and their positioning with CSS.

https://www.telerik.com/kendo-angular-ui/components/pdf-export/multi-page-content#page-templates

In the above article, a page number will be rendered at the top of the document for each page.

I hope this helps.

Regards,
Yanmario
Progress Telerik