PDF Document component icon PDF Document

The PDF Document component displays the preview of a PDF file.


Design Rendered
PDF Document component rendered
PDF Document component design


Group Name Description



This is a unique id for the component.


The label attribute adds a label to the component, if not empty.


The description attribute additionally adds a description to the component.


Boolean value or expression specifies whether the component is visible or hidden. This expression might include another value in the same form, for instance, use a checkbox bound to {{showAdditionalFields}} and use the very same expression as the visible attribute to show or hide the component according to the checked state of the checkbox. If you want only to show the component, if the form is not used as the init-form, you can use the expression {{root.id}} which evaluates to true only, if there is a current id which is not the id in a start form.


If true the component is hidden and the value is not part of the payload.


A Boolean value or expression specifies whether component is enabled or disabled.


Document source

This depends on the selected value of source type. If it is a URL, this property specifies the URL of the document to preview, but if it is an expression, this property specifies the form data source of the document or multiple documents to be previewed. If it is an array (multiple documents), the component shows a gallery that can be configured with title, file and thumbnail properties.


The height of the PDF preview in pixels; an expression is valid.

Show border

If selected, the PDF preview is displayed with a border



Documentation intended to explain concepts of its use for future reference.


Style class

Stylesheet class name. Add any style classes to be applied to the component for the desired styling and rendering.