Kendo UI for jQuery PDFViewer Overview
The PDFViewer displays PDF files in the browser and consists of a toolbar and a scrollable container that wraps the page elements.
The default tools collection includes the pager, open, and download tools. For processing files, it supports the PDF.JS Processing and Telerik DPL Processing libraries. Among the key features the PDFViewer provides are the selection of a PDF processing library, a built-in paging mechanism, virtualization capabilities, a built-in default toolbar collection, and responsive capabilities and page scaling.
The PDFViewer is part of Kendo UI for jQuery, a
professional grade UI library with 110+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.
Initializing the PDFViewer
- Add a
<div>element that will be used to initialize the PDFViewer. -
Choose the PDF processing library and configure its settings.
<div id="pdfviewer"></div> <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.2.2/pdf.js"></script> <script> window.pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.2.2/pdf.worker.js'; </script> <script> $("#pdfviewer").kendoPDFViewer({ pdfjsProcessing: { file: "" } }); </script>