- Getting Started
- Demo apps
- How To
- Notifications
- Using VB Expressions
- Designing your App
- Designing your app with Autopilot
- Events and Rules
- Rule: If-Then-Else
- Rule: Open a Page
- Rule: Open URL
- Rule: Close Pop-Over/Bottom Sheet
- Rule: Log Message
- 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
- Rule: Submit Action
- Leveraging RPA in your App
- Leveraging Entities in Your App
- Leveraging Queues in Your App
- Leveraging Media in your app
- Leveraging Actions in your app
- Leveraging Connections in your apps
- Apps in Studio Web
- Application Lifecycle Management (ALM)
- UiPath First-Party Apps
- Basic Troubleshooting Guide
Apps User Guide
Use the Document Viewer control to render a document and display it inline in your app. For example, you can use the Document Viewer control to display an invoice document or a receipt which may be located in various sources, such as storage buckets, entities, or public links.
The Document Viewer control does not support files on the local machine. You must reference remote documents using a URL, a storage bucket, or an entity.
IResource.
If you only want to display an image, it is recommended to use the Image control.
The Document Viewer uses a built-in PDF.js viewer, which works consistently across browsers. No browser configuration is required. When loading PDFs from external file servers, the server must support cross-origin requests. If CORS is not enabled, the built-in PDF.js viewer will not be able to render the document.
IResource variable:
-
Add a Download from storage bucket rule to your app.
-
Bind an
IResourcevariable to the Download from storage bucket rule. -
Bind the same
IResourcevariable to the Source property of the Document Viewer.
ILocalResource, it is automatically
converted into an IResource
using:JobAttachment.fromResource(file) // file is a ILocalResourceJobAttachment.fromResource(file) // file is a ILocalResourceThe following functions have been deprecated and should no longer be used:
.toLocalResource.toAppsFile
Page Navigation
You can programmatically navigate to a specific page inside the Document Viewer using:
appsFile.NavigateToPage(pageNumber)appsFile.NavigateToPage(pageNumber)- Source - The source of the document you want to display. The supported file types are
PDFdocuments 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 4 px 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 means320 x 410px. To set minimum or maximum values, select the three dot icon (...).
