- Getting Started
- Introduction
- Apps Configuration Checklist
- Using App Studio
- Exporting an App
- Importing an App
- Before You Begin
- Installing Automation Suite
- Compatibility Matrix
- How To
- Build Your First App
- Include Excel Charts in Apps
- Build a Mobile-friendly App
- Include MailTo Links
- Include Star Ratings
- Use Count With Choice Set Values
- Use Document Viewer
- Use File Control
- Upload a File Using the File Picker Control
- Download a File Using the File Picker Control
- Download a File Using a Link
- Downloading a File Using an Image Control
- Use Master Detail View
- Use Required Input Validation
- Container Validation
- Set External Context
- General User Experience Guidelines
- Use the Send Interim Result Activity
- Designing your App
- Controls Overview
- Layout and Styling
- Sample App Layouts
- Input Controls
- Button
- Checkbox
- Date Picker
- Dropdown
- Multiselect Dropdown
- File Picker
- Radio Button
- Rich Text Editor
- Slider
- Switch
- Text Area
- Textbox
- Textbox (email)
- Textbox (number)
- Container Controls
- Differences Between Container Controls
- Container Layout
- Container
- Page
- Page Container
- Display Controls
- Custom List
- Divider
- Document Viewer
- Header
- IFrame
- Image
- Label
- List
- Table
- Tabs
- Icons
- User Context References
- Saving Your App
- App Errors & Troubleshooting
- Events and Rules
- About 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
- About Expressions
- Using Expressions
- About Functions
- 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
- Referencing a Process From Orchestrator
- Send Interim Result Activity
- Supported Process Argument Types
- Replacing a Process Referenced in an App
- Referencing a Storage Bucket From Orchestrator
- Configuring an On-Premise Orchestrator for Use by Apps
- Orchestrator Permissions
- Data Flow Between UiPath Apps and Orchestrator
- Leveraging Entities in Your App
- Referencing an Entity in Your App
- Replacing an Entity
- About Data Context
- Using Data Context
- Using Choice Set
- Using Apps With Data Service
- Leveraging Queues in Your App
- Referencing a Queue in Your App
- Replacing a Queue
- Using Apps With Queues
- Application Lifecycle Management (ALM)
- About ALM
- General Settings
- Permission Management
- Managing App Versions
- Packaging an App as a Client
- Basic Troubleshooting Guide
- Apps Troubleshooting and FAQs
- Apps On-prem Troubleshooting
Apps User Guide for Automation Suite
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:
Prerequisites
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).
Procedure
1. Open your already existing application or start a new one.
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.
Prerequisites
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
Procedure
- 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.