PrimeFaces Extensions Showcase

Document Viewer

DocumentViewer has some complicated font handling this tests an embedded font inside the PDF.

Source


<p:outputPanel deferred="true">
        <pe:documentViewer height="500" url="/sections/documentviewer/japanese.pdf" />
    </p:outputPanel>

Use Cases

Documentation pe:documentViewer

Attributes (move mouse over the names to see data types)

Name	Description
id	Unique identifier of the component in a namingContainer.
rendered	Boolean value to specify the rendering of the component, when Set false component will not be rendered.
binding	An el expression referring to a server side UIComponent instance in a backing bean.
width	Width of the viewer frame. Default to 100%.
height	Height of the viewer frame.
style	CSS style of the viewer frame.
title	Title of the viewer frame per Section 508.
url	URL of the document to view.
cache	Controls browser caching mode of the resource. Default is false
locale	Locale to be used for labels.
page	Start page of the document.
pagemode	Pagemode: either "thumbs" or "bookmarks".
download	You should use a name in your StreamedContent but if you are using a URL value you can give the file a name. NOTE: Must end in .pdf for PDF.js to pick it up!
zoom	Zoom level. Example: zoom=200 (accepted formats: '[zoom],[left],[top]', 'page-width', 'page-height', 'page-fit', 'auto')
name	Name of the document.
nameddest	Nameddest: go to a named destination in the document.
library	Library name of the document
value	Value of the component.
disableFontFace	Flag to control using system fonts or font loaded in document. If your PDF does not render correctly try setting this flag to false. Default is true.