PDFViewerComponent

Represents the Kendo UI PDFViewer component for Angular.

html

<kendo-pdfviewer
  [url]="pdfUrl"
  [zoom]="1.25"
  [tools]="['pager', 'zoomInOut', 'zoom', 'download', 'print']">
</kendo-pdfviewer>

Selector

kendo-pdfviewer

Export Name

Accessible in templates as #kendoPDFViewerInstance="kendo-pdfviewer"

Inputs

Name	Type	Default	Description
arrayBuffer	ArrayBuffer		Represents the raw binary data buffer of the PDF file.
data	string		Represents the data of the PDF file in Base64 format.
loaderSettings	LoaderSettings	{ size: 'large', type: 'pulsing', themeColor: 'primary' }	The configuration of the internal Loader component.
loadOnDemand	boolean	false	Sets whether the component loads all PDF document pages at once or loads new pages on demand when needed.
loadOnDemandPageSize	number	1	Sets the number of pages to load on demand when the loadOnDemand property is true.
maxZoom	number	4	Represents maximum allowed zoom value.
minZoom	number	0.5	Represents minimum allowed zoom value.
removeAnnotationConfirmation	boolean	true	Determines whether a confirmation dialog is shown when the user tries to delete an annotation.
renderForms	boolean	false	Enables form filling capabilities by rendering widgets such as: Text Box—Enables users to input and edit text within designated form fields. Password Box—Provides secure entry of sensitive information through password-protected fields. Check Box—Lets users toggle between selected and deselected states for predefined options. Radio Button—Implements radio button functionality for selecting exclusive options within a group. Select—Allows users to select one or multiple options from a list of predefined items.
saveFileName	string	'Download'	The name of the file that will be saved when the end user clicks the Download tool.
saveOptions	SaveOptions	{}	Represents the options for saving the file when the end user clicks the Download tool.
tools	PDFViewerTool[]	['pager', 'spacer', 'zoomInOut', 'zoom', 'selection', 'spacer', 'search', 'open', 'download', 'print', 'annotations' ]	Represents the tools collection rendered in the toolbar.
typedArray	TypedArray		Represents the data of the PDF file in TypedArray format.
url	string		Represents the url of the PDF file.
zoom	number | "fitToPage" | "fitToWidth"	1.25	Sets the initial zoom level of the PDF document (see example).
zoomRate	number	0.25	Represents the step the zoom level will be changed with when using the ZoomIn and ZoomOut tools.

Fields

Name	Type	Default	Description
currentPage	number		Returns the current page number of the loaded PDF document.
pdfContext	PDFViewerContext		Exposes the loaded PDF.js document, its pages, and their DOM element wrapper.

Events

Name	Type	Description
download	EventEmitter<PDFViewerDownloadEvent>	Fires when the user clicks the Download tool of the loaded PDF document.
error	EventEmitter<PDFViewerErrorEvent>	Fires when an error occurs while loading or downloading the PDF document.
load	EventEmitter<PDFViewerLoadEvent>	Fires when the component loads a PDF document successfully.
pageChange	EventEmitter<PDFViewerPageChangeEvent>	Fires when the user changes the page of the loaded PDF document.
zoomLevelChange	EventEmitter<PDFViewerZoomChangeEvent>	Fires when the user changes the zoom level of the loaded PDF document.

Methods

scrollToPage
Scrolls the PDFViewer document to the specified page number, treating 0 as the first page (see example).
Parameters page number