- 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: 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
- Web apps in Studio Web
- Application Lifecycle Management (ALM)
- UiPath® First-Party Apps
- Basic Troubleshooting Guide
Image
JPEG
, PNG
, BMP
, GIF
, and WEBP
.
Introduction
This app shows how to bind media files to Image controls.
Demo app - try it yourself
Demo app - instructions to use
- In UiPath® Apps, create a new app and import the downloaded demo app.
- Preview your app and switch to the Demo tab.
- To upload your own media files, follow the instructions in the app.
-
Source - The source of the image you want to display.
-
Tooltip - The text to be displayed when an app user hovers over the control. Use this to provide additional information on the control.
-
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
. To set minimum or maximum values, click the three dot icon (...). If the size of the control is smaller than the options, a scroll bar is displayed.
Make sure the media file is uploaded to your app.
Media support is relevant for the Source property of the Image control.
VB property |
Data type |
Description |
---|---|---|
Source |
|
Source file of the Image control. |
Tooltip |
String | Information text which appears when the user hovers over the Image control. |
Value |
| The value attached or outputted from the Image
control. |
Hidden |
Boolean | If true, hides the control at runtime. |
Disabled |
Boolean | If true, disables the control at runtime. |