BlankPageTemplateDirective

Updated on Jan 16, 2026

Renders the content of the blank page in the PDFViewer component.

To define a blank page template, nest an <ng-template> tag with the kendoPdfViewerBlankPageTemplate directive inside the <kendo-pdfviewer> tag.

html

<kendo-pdfviewer>
  <ng-template kendoPdfViewerBlankPageTemplate>
    <div class="custom-blank-page">
      <p>Drop a PDF file here or click to select</p>
    </div>
  </ng-template>
</kendo-pdfviewer>

Selector

[kendoPdfViewerBlankPageTemplate]