# PDF Reader Component

## Overview

The PDF reader component lets users view and pinch to zoom PDF documents within the app interface. It serves as a tool for displaying various types of content, such as reports, forms, contracts, or educational materials.

<div align="left"><img src="https://1223006790-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LAn5scXl2uqUJUOqkJo%2F-Lo2taJsrjRONljGETF8%2F-Lo6_5fE2ZPBYP4AlZQ2%2FThunkable%20Docs%20Exhibits%20(40).png?alt=media&#x26;token=03d97ac1-409a-46a3-ae50-57427b083cb2" alt=""></div>

## Properties

### PDF Reader

| Property | Description                           | Data Type                        |
| -------- | ------------------------------------- | -------------------------------- |
| File     | PDF to be displayed in the PDF reader | PDF file or URL ending in `.pdf` |

There are two ways to set a file to display in the PDF reader.

* **Upload PDF File**\
  You can upload a PDF file as an asset in your project. If you opt for this option, be mindful of the Thunkable 50 MB app size limit.
* **Enter PDF URL**\
  Enter the URL of the PDF you want to show in your project. The link must end in `.pdf`.

<figure><img src="https://1223006790-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LAn5scXl2uqUJUOqkJo-84897653%2Fuploads%2F4OgdGF37foQhZbHNZNDs%2FPDF%20Reader%20-%20properties%20panel%20-%20cropped.png?alt=media&#x26;token=3917e1f9-ff29-41a2-a996-86ec1600723e" alt=""><figcaption></figcaption></figure>

### Layout

<table><thead><tr><th width="166.33333333333331">Property</th><th width="379">Description</th><th>Data Type</th></tr></thead><tbody><tr><td>X</td><td>The location of the top left corner of the PDF reader on the X-axis, where the left-hand side is X=0.</td><td>Number</td></tr><tr><td>Y</td><td>The location of the top left corner of the PDF reader on the Y-axis, where the top side is Y=0.</td><td>Number</td></tr><tr><td>Height</td><td>Height of PDF reader in pixels.</td><td>Number</td></tr><tr><td>Width</td><td>Width of PDF reader in pixels.</td><td>Number</td></tr><tr><td>Resize Mode</td><td>Define dimensions of the PDF reader component.</td><td>Select from list <code>[Stretch, Float in Place]</code></td></tr></tbody></table>

## PDF Reader Blocks

### Properties Blocks

There are two types of property blocks: dark green "set" and light green "get" blocks. The specific blocks available vary according to the UI component.&#x20;

The dark green set blocks allow you to change the component's properties using blocks. For example, if you don't want a button to be enabled for a user until they've typed a set number of characters into a text input component, you can use the button's dark green set button's disabled status block.&#x20;

The light green get blocks allow you to access the properties of a component (e.g. color, font, width, text, etc.).