The WebColumnImage is a control that will be used as a column within a WebList or WebGrid to display one or more images. If the column needs to have a static image for all rows than you can set the image using psImageUrl. Or if you need to show multiple images or based on a database value you can override the OnDefineImages and add the images using AddImage.

The WebColumnImage could be handy to show for example the active state of a column or use it to update the record using an onclick on the image.

Alright now you know more about the WebColumnImage, I will show a demo on how to implement it and how it looks.

DEMONSTRATION

As you can see, I have copied the WebOrderMobile Example to another workspace.
Now we are looking at the SelectSalesPerson view.
The SalesPerson has an avatar column where a picture of the SalesPerson is located.
Now let’s add a cWebColumnImage in the WebList to show this avatar for each SalesPerson.
As we don’t want the same avatar for each record we need to add the OnDefineImages procedure so that we change it for each record in the WebList.
Let’s compile and see the result. As you can see a the avatar of each SalesPerson is added.

Getting to know the Web Controls

DataFlex courses

Information

Getting to know the Web Controls

Lesson 10 - WebColumnImage