PDF Viewer

Use a PDF Viewer component to display PDF files in your spaces.

PDFs must come from a public URL configured with cross-origin resource sharing (CORS), or from a signed URL. Learn how to enable CORS on your Amazon S3 buckets in order to display your PDFs in the component.

Ways to use a PDF Viewer

Read PDFs in a Published Space

You can add a PDF Viewer component to your space and configure it to allow end-users to view and turn through the pages of a PDF.

Configuring your PDF Viewer

Data

A URL template and the full path to a PDF contained therein must be provided to display the PDF.

Title and Name

The "Name" is a reference which displays in edit mode in the main canvas and in the component tree. "Title" is the text displayed in the header of the component in both the editor view and published view.

Visibility Rules

You can create visibility rules that will determine when this component is visible and able to be interacted with.

Design

Here you can see design attributes and set how overflow content is displayed.

‍

Left and Top options only appear for top-level components (components that are placed directly onto the Space canvas).

Left: Set the distance of this component from the left edge of the Space canvas (x-axis position). This can be expressed as a % of the canvas or as a number of pixels.

Top: Set the distance of this component from the top edge of the Space canvas (y-axis position). This can be expressed as a % of the canvas or as a number of pixels.

‍

Width: Set the width of this component as a number of pixels or as a % of the containing unit.

Height: Set the height of this component as a number of pixels or as a % of the containing unit.

If the component is a top-level component, the containing unit is the Space canvas.

If the component is in-line within another component, the containing unit is the parent component.

If the component is within a flexbox component, the containing unit is the flexbox.

‍

‍