# PdfViewer

URL: https://docs.wisej.com/docs/controls/content/pdfviewer

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 full list of properties, methods and events see the [API documentation.](/api)

## 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](/assets/images/image (158)-b695edda91c5cdd0dbc9b6ed0cdd1569.png)

### 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](https://mozilla.github.io/pdf.js/) .

![PdfViewer control demonstrating custom PDF.js viewer integration](/assets/images/image (159)-a61b1487b1079f2909288ff64b3bdaca.png)

## Advanced

### JavaScript Widget

| Item | Description | Class name | "wisej.web.PdfViewer" | Theme appearance | "panel", see [Themes](https://docs.wisej.com/theme-builder/theme-elements/elements) . | Child components | "pane" is the container for the PDF viewer. See [JavaScript](/docs/concepts/javascript-object-model) . | Source code | [https://github.com/iceteagroup/wisej-js](https://github.com/iceteagroup/wisej-js/blob/master/wisej.web.TextBox.js)