PDFViewer PHP Class Overview
The PDFViewer PHP Class 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
The PDFViewer is part of Telerik UI for PHP, 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
Configuration
Below are listed the steps for you to follow when configuring the Kendo UI PDFViewer for PHP.
Step 1 Make sure you followed all the steps from the introductory article on Telerik UI for PHP—include the autoloader, JavaScript, and CSS files.
Step 2 Add the PDF.JS Processing scripts.
<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>
Step 3 Create a PDFViewer.
<?php
$pdfjs = new \Kendo\UI\PDFViewerPdfjsProcessing();
$pdfjs->file("../content/web/pdfViewer/sample.pdf");
$pdfViewer = new \Kendo\UI\PDFViewer('pdfViewer');
$pdfViewer->pdfjsProcessing($pdfjs);
?>
Step 3 Output the PDFViewer by echoing the result of the render method.
<?php
echo $pdfViewer->render();
?>
Reference
Client-Side Instances
You are able to reference an existing PDFViewer instance via the jQuery.data(). Once a reference is established, use the PDFViewer API to control its behavior.
<?php
$pdfjs = new \Kendo\UI\PDFViewerPdfjsProcessing();
$pdfjs->file("../content/web/pdfViewer/sample.pdf");
$pdfViewer = new \Kendo\UI\PDFViewer('pdfViewer');
$pdfViewer->pdfjsProcessing($pdfjs);
echo $pdfViewer->render();
?>
<script>
$(function() {
// The constructor parameter is used as the 'id' HTML attribute of the PDFViewer
var pdfViewer = $("#pdfViewer").data("kendoPDFViewer");
});
</script>