Skip to main content

Providing Images

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

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 static image in the /Content/ProductDetailsImages/ folder to use this method. Moreover, the web server should allow GET requests for the image.

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