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.

Kendo UI for jQuery Kendoka image

The PDFViewer is part of Kendo UI for jQuery, a professional grade UI library with 90+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

Initializing the PDFViewer

  1. Add a <div> element that will be used to initialize the PDFViewer.
  2. 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>
    

Functionality and Features

See Also

In this article
Not finding the help you need? Improve this article