Few prominent icons are added to the column for a better user interface which is also shown in UCI.
Firstly, I dug into SDK, and found displayIconToolTip method which consists of two parameters-rowData and userLCID (Note: LCID is not taken.) as English is the default language of the organization.
Implementation:
Step 1: Take any three pictures of 16X16 .png files and create Web Resource of .png format. If picture exceeds 16X16, it will automatically shrink to 16X16.
Step 2: Navigation: Settings>>Customize the System. In the left panel,Click on Web Resources .Then click on New in right panel.

Step 3: Fill Name, Display Name, Description of Web Resource, choose type as PNG format and upload the image as below.

Note: Repeat above mentioned Steps 1 to 3 for rest of the two .png Web Resources.
Step 4: Create JavaScript Web Resource and paste the following code: (Replace imgName as per your wish)
Step 5: Now,Call this function in your respective Views, I have chosen the Active Cases view and selected the priority column.

Step: 6 Click on Change Properties and call your JavaScript Web Resource function as shown below.

Output:
- On UCI, it will be shown as
- SubGrid of Case on Contact:

- 2.Case Sub grid:

- On Web Client, it will be shown as

Hope it helps!








