To continue with this content, please log in with your Data Access ID or create a new account.
Cancel Data Access ID
You may not be authorized to see this content. Please contact Data Access Europe for more information.
Cancel Data Access Europe
You are not authorized to see this content.
Cancel Data Access Europe
Next lesson:

Getting to know the Web Controls

Lesson 10 - WebColumnImage

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.


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