Skip to main content

PdfViewer

WATCH & LEARN0:48 · Animated tutorial
7 scenesPlay, pause, or scrub at your own pace

The PdfViewer control displays PDF documents in the browser. Multiple viewer types are available based on the browser type.

To get started, set the PdfSource property to the URL of a PDF document and it will be loaded at runtime.

info

For a complete list of properties, methods, and events, see the API documentation.

Features​

Multiple Viewer Types​

The PdfViewer has several preset PdfViewerTypes:

  • Auto: The PDF viewer is selected by the client browser.
  • Google: Use Google's document viewer.
  • Mozilla: Use Mozilla PDF.js viewer.

PdfViewer control showing Mozilla, Google, and Auto viewer types

Custom Viewer​

The PdfViewer control can implement a custom PDF viewer by setting the ViewerType property to Custom and applying a ViewerURL.

The image below demonstrates an integration of Mozilla's PDF.js.

PdfViewer control demonstrating custom PDF.js viewer integration

Advanced​

JavaScript Widget​

ItemDescription
Class name"wisej.web.PdfViewer"
Theme appearance"panel", see Themes.
Child components"pane" is the container for the PDF viewer. See JavaScript.
Source codehttps://github.com/iceteagroup/wisej-js