PDF Viewer

Equo Chromium includes a powerful built-in PDF viewer. To display a PDF in your application, simply embed the viewer component in your UI—for example, by adding an iframe element in your HTML:

<iframe src="path/to/myDocument.pdf" width="100%" height="600px"/>

Customizing the display

You can tailor the appearance and behavior of the PDF viewer by appending URL parameters to the PDF source.

Hiding the toolbar

To remove the toolbar buttons, add #toolbar=0 to the PDF URL:

<iframe src="path/to/myDocument.pdf#toolbar=0" width="100%" height="600px"/>

Setting the zoom level

Control the initial zoom level using the zoom parameter. To start at 50% zoom, use:

<iframe src="path/to/myDocument.pdf#zoom=50" width="100%" height="600px"/>

Jumping to a specific page

Open the PDF at a particular page by adding #page=<number>. For instance, to display page 30:

<iframe src="path/to/myDocument.pdf#page=30" width="100%" height="600px"/>

Choosing a view mode

Specify how the PDF fits into the frame with the view parameter. Available options include fit (entire page), fith (fit width), fitv (fit height), fitb (fit bounding box), fitbh (fit bounding box width), and fitbv (fit bounding box height). For example, to fit the page width:

<iframe src="path/to/myDocument.pdf#view=fith" width="100%" height="600px"/>

These are the values of the view attribute that you configure:

fit: Fit to page.
fith: Fit to width
fitv: Fit to height
fitb: Fit to bounding box
fitbh: Fit to bounding box width
fitbv: Fit to bounding box height

Combining parameters

To use more than one setting at a time, separate parameters with &. For example, to open page 30 at 50% zoom without the toolbar:

<iframe src="path/to/myDocument.pdf#zoom=50&page=30&toolbar=0" width="100%" height="600px"/>