Providing Images

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

Provide a Static Image

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

Mode

Menu

Description

Linked

WebDashboard_StaticImage_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 image in the /Content/ProductDetailsImages/ folder to use this method. Moreover, the web server should permit access to this folder.

Embedded

WebDashboard_StaticImage_Embedded

In the editor, click the ellipsis button and locate the required image file in the invoked dialog.

Provide a Set of Images

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

WebDashboard_BoundImage_BinaryArray

If you selected the Binary Array mode, bind the Attribute to the data source field providing images as byte arrays:

wdd-image-bound-image-bindings

Uri

WebDashboard_BoundImage_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 images in the /Content/ProductDetailsImages/ folder to use this method. Moreover, the web server should permit access to this folder.

Data source field values are inserted at the {0} placeholder's position. Thus, the Bound Image maps the current dimension value with the image placed at the specified URI.

Note

Note that 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:

  • In the 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.
  • In the URI mode, the Bound Image displays an image corresponding a first attribute value taking into account the attribute's sort order.