Providing Images

• Apr 29, 2025
• 3 minutes to read

This topic describes how to provide images for the Image and Bound Image dashboard items.

Supported Formats

The Image and Bound Image items support only raster images. Vector images are not supported because there is no capability to specify an actual image size.

Static Images

To display an image in the Image dashboard item, open the Image’s Options menu, select one of the modes below, and add the required image:

Mode	Menu	Description
Linked		In the editor, specify the image’s URL. For example: https://www.example.com/image.jpg /Content/ProductDetailsImages/DesktopLCD 21.jpg The Web Dashboard project should contain the required static image in the /Content/ProductDetailsImages/ folder to use this method. Moreover, the web server should allow GET requests for the image.
Embedded		In the editor, click the ellipsis button and locate the required image file in the invoked dialog.

Bound Image

The Bound Image should be bound to a set of images. To do this, go to the item’s Options menu and select the required binding mode:

Mode	Menu	Description
Binary Array		If you selected the Binary Array mode, bind the Attribute to the data source field providing images as byte arrays:
Uri		If you selected the Uri mode, bind the Attribute to the data source field returning parts of images’ URIs. Examples: https://www.example.com/{0}.jpg /Content/ProductDetailsImages/{0}.jpg The Web Dashboard project should contain the required static images in the /Content/ProductDetailsImages/ folder to use this method. Moreover, the web server should allow GET requests for the images. Data source field values will be inserted into the {0} placeholder position. As a result, the Bound Image maps the current dimension value with the image placed at the specified URI.

The Bound Image can display only one single image at a time. If Master Filtering is not applied to the Bound Image, it selects the displayed image in the following ways:

Binary Array mode

The displayed image cannot be predicted precisely as a result of image/binary data type sorting limitations. Use the Master Filtering feature to display the specified image.

URI mode

The Bound Image displays an image corresponding a first attribute value taking into account the attribute’s sort order.

Alternative Text (Alt Text)

Alt text (alternative text) gives equal access to information for all users. If the image adds meaning, it needs alt text.

You can set alt text to make images accessible to users who cannot see them, especially those using screen readers.

For more information, see the following help topic: Add Alternative Text for Image and Bound Image Items in Web.