PDF Viewer Settings and Toolbar

The PDF Viewer provides an embedded viewing experience for your PDFDraft documents with customizable dimensions and interactive controls. This guide covers how to configure viewer dimensions and use the toolbar features for navigation, zoom, and downloads.

Configuring Viewer Dimensions

When embedding a PDF using the PDFDraft Embed block, you can control the viewer size to fit your page layout.

Setting Width and Height

Add the PDF Embed block to your page or post

Select your project from the dropdown

Configure width and height in pixels in the block settings

The viewer will display your PDF at the specified dimensions. Adjust these values to match your content area or design requirements.

Using the Viewer Toolbar

The PDF viewer includes a toolbar with controls for navigating, zooming, and downloading your document.

Page Navigation

For multi-page documents, use the navigation controls to move between pages:

Previous button: Navigate to the previous page

Next button: Navigate to the next page

Page indicator: Shows current page and total page count (e.g., 1/1)

Zoom Controls

Adjust the document magnification using the zoom controls:

Zoom + button: Increase magnification

Zoom - button: Decrease magnification

Zoom percentage display: Shows current zoom level (e.g., 100%)

The zoom level adjusts the document size within the viewer frame without changing the viewer dimensions.

Download Option

The Download button allows visitors to save a copy of the PDF to their device. When clicked, the browser will prompt the user to save the file.

Expected Result

After embedding a PDF with configured dimensions, visitors will see:

The PDF document rendered at your specified width and height

A toolbar with navigation, zoom, and download controls

Smooth page transitions and zoom adjustments

The ability to download the PDF file