![\"\"](\"http:\/\/bitimpulse.com\/wp-content\/uploads\/2024\/08\/9_18_2_1-2.png\")
<\/a><\/p>\nA new element appears in the designer window:<\/p>\n
Next, you need to choose how to bind the data to the image by clicking the \u201cOptions\u201d \u00a0button next to an attribute. The following options will be available in the opened window:<\/p>\n For instance, the URI pattern in the form below specifies the path to the folder containing the required images:<\/p>\n 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.<\/p>\n For example, let us display flags for each country for the following table:<\/p>\n To start with, we will place the files with the corresponding image and name in the folder:<\/p>\n We will create a new \u201cBound Images\u201d element with the \u201cCountry\u201d attribute:<\/p>\n The form of data binding will be filled with the following data:<\/p>\n Now, all is left is to insert the data source field values into the {0} placeholder position:<\/p>\n<\/a><\/p>\n<\/a><\/p>\n\n
<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n