Image

Supported image file types are JPEG, PNG, BMP, GIF, and WEBP.

General

• 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.

Events

• Clicked On - Configure what happens when the image is clicked.

Style

• 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.

Source field examples

Make sure the media file is uploaded to your app.

Note:

Media support is relevant for the Source property of the Image control.

1. Add an Image control to your app.
2. Open the Expression editor for the Source property.
   Note:

   Image controls accept the AppsFile data types.

   To reference a new AppFile object, enter the following expression in the Source field:

   new AppsFile("https://imageURL.png")

3. To bind the media file, use the following expression:

   Media.<file_name>

Demos

Media: Binding images

Introduction

This app shows how to bind media files to Image controls.

Demo app - try it yourself

Download demo app from GitHub

Preview demo app in cloud

Demo app - instructions to use

1. In UiPath^® Apps, create a new app and import the downloaded demo app.
2. Preview your app and switch to the Demo tab.
3. To upload your own media files, follow the instructions in the app.