[Solved] kendo-pdf-export add header and footer

[Chaitra]

Hi,

I am working on pdf export , As I am using 

https://www.telerik.com/kendo-angular-ui/components/pdfexport/

By placing the content in the <kendo-pdf-export> component. 

How I can add header and footer (with page number)?

Thanks

Amit

[Dimiter Topalov]

Hello Amit,

You can use the PDF Export component's page templates to provide repeated content in the header and/or footer of the exported pages:

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

The page number (pageNum) and totalPages are available are exposed as context variables in the template:

<kendo-pdf-export #pdf paperSize="A4" margin="2cm">
     <ng-template kendoPDFTemplate let-pageNum="pageNum" let-totalPages="totalPages">
       <div class="pageNum">
         Page {{ pageNum }} of {{ totalPages }}
       </div>
     </ng-template>
    ...
   </kendo-pdf-export>

I hope this helps.

Regards,
Dimiter Topalov
Progress Telerik