- Getting Started
- Before You Begin
- How To
- Build Your First App
- Build a Mobile-friendly App
- Embed Apps
- Embed Maps
- General User Experience Guidelines
- Hide Containers Using a Button
- Include Excel Charts in Apps
- Include MailTo Links
- Include Star Ratings
- Use Count With Choice Set Values
- Use Document Viewer
- Use Master Detail View
- Use Selected Values From a Table
- Use the Send Interim Result Activity
- Set External Context
- Work With Data Source and Value Bind
- Notifications
- 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 Values
- Rule: Start Process
- Rule: Upload File to Storage Bucket
- Rule: Get File From Storage Bucket
- Rule: Reset Values
- Rule: Create/Update Entity Record
- Rule: Delete Entity Record
- Rule: Add to Queue
- Function: And, Or, Not
- Function: Concat
- Function: Contains
- Function: Count
- Function: EndsWith
- Function: If
- Function: IsBlank
- Function: Guid
- Function: Length
- Function: List
- Function: StartsWith
- Function: Sum
- Function: Sort
- Function: Now
- Function: Today
- Function: Time
- Function: Year
- Function: Month
- Function: Day
- Function: Hour
- Function: Minute
- Function: New
- Function: Lookup
- Function: Filter
- Leveraging RPA in your App
- Leveraging Entities in Your App
- Leveraging Queues in Your App
- Application Lifecycle Management (ALM)
- Basic Troubleshooting Guide
Use Document Viewer
Use the Document Viewer control to render a document and display it inline in UiPath Apps. This feature is useful in certain scenarios, such as displaying an invoice document or a receipt from various sources like storage buckets, entities, or publicly accessible links.
For more information, see the Document Viewer page.
In the exercises below we will build simple apps with different sources for the Document Viewer control. This exercise will help you better understand how the control works and learn how to use it efficiently in your apps.
The different sources for the exercises below are:
Before starting this example, make sure that you have the proper permissions from Data Service. For more information, check the Data Service - Managing Access page.
In this example we will use an entity called File with the following fields:
- Avatar - type
File - Image - type
File - Name - type
Text -
Renamed - type
File
File fields and names for the Text field).
1. Open your already existing application or start a new one.
icon from the top of the canvas and selecting Entity.
4. Configure the Data context property of the page by using a Lookup function. Configure the property so that it can search for a data id inside the File entity using the following format:
id of the entity"]). In this particular example, it should look like: Lookup(File, [File.Id, "=", "F99D676D-09E7-EC11-B656-281878D3E284"]).
File type field from the Data Context section, in the the Resources panel.
Use the Document Viewer control to render a document using a public URL. Add the URL in the Source property of the control.
https.
Before starting this example, you must have a storage bucket configured in Orchestrator and imported in your application.
For more information, see the Referencing a Storage Bucket from Orchestrator page
- Open your existing application or start a new one.
-
Add the storage bucket to your app by clicking on the Add any
icon from the top of the canvas and selecting Storage bucket.
- Add a Document Viewer control to your app.
-
Add a Get file from Storage bucket rule for the Loaded event of the page.
-
Configure the Get file from Storage bucket rule as follows:
- In the Storage bucket field, pick the storage bucket containing the file you want to download.
- Go to the storage bucket in Orchestrator and copy the name of the file you need to download. Paste the name in the File Name field, including the extension.
-
Add a new variable in the Assign file to app variable field.
- Select the Document Viewer control and assign the previously created variable in the Source property.
