How to Display an Image in a Grid Cell

How to Display an Image in a Grid Cell

1. Set the control name of the grid.


2. On the column name where you want to display the image, set the Text Property of the column heading as follows.

<control name>:<grid control name>.ColumnsArea:template=WebImageGrid:<column heading text>

Example:
ProductImage:GridP.ColumnsArea:template=WebImageGrid:Product Image





Note: 
  1. The value of the field must be the path of the image that must exist in the images folder of your web project.
  2. You can use the "CellNullNoImage" define to hide the image for fields with null values.

    • Related Articles

    • How to Display an Image and Text in the Same Grid Cell

      1. Set the control name of the grid. 2. For the column where you need the information from, you will need to set the column to visible but set the width to 0 and set the control name of the column. <controlname>:<column text> For example: ...

    • How to Implement Rich Tooltip to a Grid Field

      Rich tooltip on a grid feature enables the user to see tooltips with images and formatted text on a grid cell upon hovering. This feature also enables the developer to specify the delay time after hovering before it displays the tooltip message. The ...

    • How to Implement Image Gallery

      In this article, we will be showing an example how we can use other Javascript library other than Dojo Toolkit in WebClient and how to implement an image gallery using https://galleriajs.github.io/ 1. Create a Plex grid function where one of the grid ...

    • CM WebClient 1.8.8 Release Notes

      Download current GA Release : Download CM WebClient 1.8.8 WebClient Mobile Updates To see the latest updates of WebClient Mobile, please visit: WebClient Mobile repository. What's New? Support Java 11 Complete functionality of DojoTimePicker.ctrl to ...

    • Web Controls

      What Are the Different Types of Controls? Include files (*.inc)   are evaluated within the referencing template and can be useful for repeated blocks of code. They can have parameters, such as :nc (do not evaluate comments) or :parameterName=pValue ...