PDFViewerComponent
Represents the Kendo UI PDFViewer component for Angular.
Definition
Package:@progress/kendo-angular-pdfviewer
Selector:kendo-pdfviewer
Export Name:Accessible in templates as #kendo-pdfviewerInstance="kendo-pdfviewer"
Syntax:
<kendo-pdfviewer
[url]="pdfUrl"
[zoom]="1.25"
[tools]="['pager', 'zoomInOut', 'zoom', 'download', 'print']">
</kendo-pdfviewer>Inputs
arrayBuffer
ArrayBuffer
Represents the raw binary data buffer of the PDF file.
data
string
Represents the data of the PDF file in Base64 format.
The configuration of the internal Loader component.
loadOnDemand
boolean
Sets whether the component loads all PDF document pages at once or loads new pages on demand when needed.
false
loadOnDemandPageSize
number
Sets the number of pages to load on demand when the loadOnDemand property is true.
1
maxZoom
number
Represents maximum allowed zoom value.
4
minZoom
number
Represents minimum allowed zoom value.
0.5
removeAnnotationConfirmation
boolean
Determines whether a confirmation dialog is shown when the user tries to delete an annotation.
true
renderForms
boolean
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.
false
saveFileName
string
The name of the file that will be saved when the end user clicks the Download tool.
'Download'
saveOptions
SaveOptions
Represents the options for saving the file when the end user clicks the Download tool.
{}
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"
Sets the initial zoom level of the PDF document (see example).
1.25
zoomRate
number
Represents the step the zoom level will be changed with when using the ZoomIn and ZoomOut tools.
0.25
Fields
The template for the blank page displayed before a PDF document is loaded. Use this to customize the appearance of the blank page.
currentPage
number
Returns the current page number of the loaded PDF document.
Exposes the loaded PDF.js document, its pages, and their DOM element wrapper.
Events
Fires when the user clicks the Download tool of the loaded PDF document.
Fires when an error occurs while loading or downloading the PDF document.
fileSelect
EventEmitter<SelectEvent>
Fires when the user selects a file, from the blank page, to be loaded in the PDFViewer.
Fires when the component loads a PDF document successfully.
Fires when the user changes the page of the loaded PDF document.
Fires when the user changes the zoom level of the loaded PDF document.
Methods
Scrolls the PDFViewer document to the specified page number, treating 0 as the first page (see example).
Unloads the PDF document and displays a blank page.