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.
Properties
PDF Reader
Property | Description | Data Type |
---|---|---|
File | PDF to be displayed in the PDF reader | PDF file or URL ending in |
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
.
![](https://docs.thunkable.com/~gitbook/image?url=https%3A%2F%2F1223006790-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F-LAn5scXl2uqUJUOqkJo-84897653%252Fuploads%252F4OgdGF37foQhZbHNZNDs%252FPDF%2520Reader%2520-%2520properties%2520panel%2520-%2520cropped.png%3Falt%3Dmedia%26token%3D3917e1f9-ff29-41a2-a996-86ec1600723e&width=768&dpr=4&quality=100&sign=143a42c1&sv=1)
Layout
Property | Description | Data Type |
---|---|---|
X | The location of the top left corner of the PDF reader on the X-axis, where the left-hand side is X=0. | Number |
Y | The location of the top left corner of the PDF reader on the Y-axis, where the top side is Y=0. | Number |
Height | Height of PDF reader in pixels. | Number |
Width | Width of PDF reader in pixels. | Number |
Resize Mode | Define dimensions of the PDF reader component. | Select from list |
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.
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.
The light green get blocks allow you to access the properties of a component (e.g. color, font, width, text, etc.).
Last updated