- Getting Started
- Before You Begin
- How To
- Notifications
- Using VB Expressions
- Designing your App
- Events and Rules
- Rule: If-Then-Else
- Rule: Open a Page
- Rule: Open URL
- Rule: Close Pop-Over/Bottom Sheet
- Rule: Show Message
- Rule: Show/Hide Spinner
- Rule: Set Value
- Rule: Start Process
- Rule: Reset Values
- Rule: Upload File to Storage Bucket
- Rule: Download File From Storage Bucket
- Rule: Create Entity Record
- Rule: Update Entity Record
- Rule: Delete Entity Record
- Rule: Add to Queue
- Rule: Trigger workflow
- Leveraging RPA in your App
- Leveraging Entities in Your App
- Leveraging Queues in Your App
- Application Lifecycle Management (ALM)
- Basic Troubleshooting Guide
Document Viewer
Use the Document Viewer control to render a document and display it inline in your app. For example, to display an invoice document or a receipt which may be located in various sources, such as storage buckets, entities, or public links.
AppsFile
variable:
-
Add a Download from storage bucket rule to your app.
-
Bind an
AppsFile
variable to the Download from storage bucket rule. -
Bind the same
AppsFile
variable to the Source property of the Document Viewer.
If you are using Google Chrome, depending on your settings, the browser may download the document instead of opening it. This can cause the document to not display correctly in the app.
If you are experiencing this issue, follow these steps:
-
Paste the following in your Google Chrome address bar:
chrome://settings/content
-
Scroll down to the end of the page and select Additional content settings. A dropdown selection opens.
-
Select PDF documents.
-
Select the Open PDFs in Chrome option.
- Source - The source of the document you want to display. The supported file types are
PDF
documents and images (JPEG
,PNG
,BMP
,GIF
, andWEBP
). - Hidden- If true, hides the control at runtime.
- Disabled - If true, disables the control at runtime.
-
Control Alignment - By default, inherits the parent alignment. A different alignment other than the parent can be set. To default back to the parent alignment, deselect the overridden options.
Note: The alignment is dependent on the layout selected for the parent (Vertical vs Horizontal). -
Border - The border for the control. Border Thickness, Color, and Radius can be configured.
-
Margin- The margin of the control. By default, a margin of 4px is set. Top/Bottom and Left/Right margin properties are combined. These properties can be detached using the Link button at the right side of the Margin section.
-
Size - The width and height of the control. By default, the size is set to
auto
, which means320x410px
. To set minimum or maximum values, click the three dot icon (...).