PDFViewer Overview

The Kendo UI PDFViewer widget displays PDF files in the browser. It provides flexibility to choose the PDF library to be used for processing the file:

The PDFViewer consists of a toolbar and a scrollable container that wraps the page elements. Default tools collection includes pager, open and download tool.

Key Features

  • Allows you to choose the PDF processing lib
  • Provides built-in paging mechanism
  • Has virtualization capabilities
  • Provides built-in default toolbar collection
  • Has responsive capabilities and page scaling

Getting Started

Initialization

  1. Add a <div> element used to initialize the PDFViewer
  2. Choose PDF processing library and setup its settings

Example

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

See also

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