• Getting Started
  • Components
    • Barcodes
    • Buttons
    • Chartsupdated
    • Conversational UIupdated
    • Data Query
    • Date Inputsupdated
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Filter
    • Gantt
    • Gauges
    • Gridupdated
    • Icons
    • Indicators
    • Inputsupdated
    • Labels
    • Layout
    • ListBox
    • ListView
    • Map
    • Menus
    • Navigation
    • Notification
    • Pager
    • PDF Export
    • PDFViewer
    • PivotGridupdated
    • Popup
    • ProgressBars
    • Ripple
    • Schedulerupdated
    • ScrollView
    • Sortable
    • Spreadsheetupdated
    • ToolBar
    • Tooltips
    • TreeList
    • TreeView
    • Typography
    • Uploads
    • Utilities
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Sample Applications
  • FAQ
  • Troubleshooting
  • Updates
  • Changelogs
New to Kendo UI for Angular? Start a free 30-day trial

PDFViewerComponent

Represents the Kendo UI PDFViewer component for Angular.

Selector

kendo-pdfviewer

Export Name

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

Inputs

NameTypeDefaultDescription

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.

maxZoom

number

4

Represents maximum allowed zoom value.

minZoom

number

0.5

Represents minimum allowed zoom value.

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' ]

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

1.25

The initial zoom level of the PDF document.

zoomRate

number

0.25

Represents the step the zoom level will be changed with when using the ZoomIn and ZoomOut tools.

Fields

NameTypeDefaultDescription

currentPage

number

Returns the current page number of the loaded PDF document.

pdfContext

PDFViewerContext

Exposes the currently loaded PDF.js document, its pages, and their DOM element wrapper.

Events

NameTypeDescription

download

EventEmitter<PDFViewerDownloadEvent>

The event fired when an error occurs during the loading of the PDF document.

error

EventEmitter<PDFViewerErrorEvent>

The event fired when an error occurs during the loading or downloading of the PDF document.

load

EventEmitter<PDFViewerLoadEvent>

The event fired when a PDF document is successfully loaded in the PDFViewer component.

pageChange

EventEmitter<PDFViewerPageChangeEvent>

The event fired when the end user changes the page of the loaded PDF document.

zoomLevelChange

EventEmitter<PDFViewerZoomChangeEvent>

The event fired when the end 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.

Parameters

page

number