<< Click to Display Table of Contents >> Navigation: Version 6 Enhancements > Dashboard Designer > Dashboard Items > Image > Providing 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 or buttons, respectively), or commands in the context menu (Load Image... and Import Image..., respectively).
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.
The Bound Image dashboard item provides the Attribute data section containing the corresponding placeholder.
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.
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.
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.