How to get Custom Icon in List View

[arnabbose]

Hello,

I wanted to know how to bring customized icons such as below in list view of a custom table. These icons will depict certain conditions like shared items / transferred items. However, wanted to check if it is possible to bring such customized icons in list view.

[sriteja]

Hi kishore,

you can use below code for differentiate them, 

background-image: url(path), url('path');

background-repeat: no-repeat;

padding-left: 10px;

background-position: 5px 8px, -3px 10px;

with that "background position" we can adjust both icons on list view.

[kishore33]

Yeah i got ...

 thank you sriii...

[Chopper Dave]

Hey kishore,

How did you get this? Even with the bg position that sriteja posted, I'm still getting overlap. I'm not sure if it's because I'm doing something wrong or if it's because I'm attempting to put both of the icons in the caller_id field.

Below is my code:

background-image: url('images/icons/vip.gif'), url('images/icons/notify_now.gif');
background-repeat: no-repeat;
background-position: 5px 8px, -3px 10px;
padding-left: 10px;

Any help is greatly appreciated.

-CD

[Akash Singh2]

Hello Kishore,

can you please check the code. I have similar requirement. But images are getting overlapped using code below:

background-image: url(images/rep_editors_view.gif), url('images/icons/vip.gif') ;
background-repeat: no-repeat;
padding-left: 10px;
background-position: 5px 8px, -3px 10px;

[User8]

Hello Sriteja

I am trying to include an escalate icon(which when set true via check box on incident form)

besides to Incident list view as below beside the green dot icon symbol as below

We have the below style defined with which highlight the IM number cell completely green and also the above green dot is achieved

I tried to add a new style too like below but couldn't achiev the esclate icon and green dot together side by side

Can you please assist me on this