PDFViewer JSP Tag Overview

The PDFViewer JSP tag is a server-side wrapper for the Kendo UI PDFViewer widget.

The Kendo UI PDFViewer displays PDF files in the browser. It uses the PDF.JS Processing to process the files.

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

Telerik UI for JSP DevCraft image

The PDFViewer is part of Telerik UI for JSP, 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.

  • Provides built-in paging mechanism
  • Has virtualization capabilities
  • Provides built-in default toolbar collection
  • Has responsive capabilities and page scaling

Getting Started


Step 1 Make sure you followed all the steps from the introductory article on Telerik UI for JSP.

Step 2 Create a new action method which renders the view.

@RequestMapping(value = "index", method = RequestMethod.GET)
public String index() {

    return "web/pdfviewer/index";

Step 3 Add the Kendo UI taglib mapping to the page.

<%@taglib prefix="kendo" uri="https://www.telerik.com/kendo-ui/jsp/tags"%>

Step 4 Add the PDF.JS Processing scripts.

<script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.2.2/pdf.js"></script>
    window.pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.2.2/pdf.worker.js';

Step 5 Add the PDFViewer tag.

<kendo:pdfViewer name="pdfviewer">
    <kendo:pdfViewer-pdfjsProcessing file="/spring-demos/resources/web/pdfViewer/sample.pdf"/>

See also

In this article