Providing Images

<< Click to Display Table of Contents >>

Navigation:  Version 6 Enhancements > Dashboard Designer > Dashboard Items > Image >

Providing Images

Providing Static Images

To load an image to a dashboard item, use the Load Image and Import Image buttons in the Ribbon, the corresponding menu buttons in the toolbar (the img21918 or img21919 buttons, respectively), or commands in the context menu (Load Image... and Import Image..., respectively).

img20214

These commands invoke the Open dialog, which allows you to locate the desired image.

The Load Image command saves the path to the image in the dashboard definition, while the Import Image command saves the image itself.

Binding the Bound Image to Data

The Bound Image dashboard item provides the Attribute data section containing the corresponding placeholder.

img123290

Specify the binding mode for the Bound Image by clicking the Options button (the icon) next to the Attribute placeholder. This invokes the following dialog.

img123297

This dialog provides two options.

Binary Array - Use this mode if images are stored in the data source as byte arrays.

URI - Use this mode to locate images accessible by a predefined URI. In this case, the data source field should return strings that are parts of URIs to these images.

For instance, the URI pattern in the form below specifies the path to the folder containing the required images.

img123307

The path is: C:\Users\Public\Documents\DevExpress Demos 16.1\Components\Data\ProductDetailsImages\{0}.jpg

Data source field values will be inserted to the position of the {0} placeholder. Thus, the Bound Image maps the current dimension value with the image placed at the specified URI.