Add tow icons to list field (using Field Style?)

Tzippi Berko
Tera Contributor

ā€Ž11-27-2023 04:24 AM

Hi,

I need to sign some callers in incident list by icons.

VIP callers have to has the vip icon.

New users (last 30 days) have to signed by another icon.

I add 2 Field Styles rows one with vip condition and other for the new caller condition.

That works good.

For incidents of vip new callers (vip & new caller) I have to add both icons on field.

I tried to add new Field Style with both conditions and in style put both icons like this:

" background: url('new.png') , url('images/icons/vip.gif') ;
background-repeat: no-repeat;
background-position: 98% 5px,90%;"

but can't view tow images.

Do someone has an idea what should I do?

0 Helpfuls
  • 713 Views
4 REPLIES 4

shaik17
Tera Contributor

ā€Ž12-30-2023 12:58 AM

Hi @Tzippi Berko  i am also facing the same issue when I have added to url in one style field it is overa lapping the second one. 

0 Helpfuls

Siddhesh Gawade
Mega Sage
Mega Sage

ā€Ž12-30-2023 05:42 AM

Hii @Tzippi Berko ,

 

For the field style try below code: 

background-image: url('images/icons/vip.gif');
            background-repeat: no-repeat;
            background-position: 98% 5px;
            padding-right: 30px;

 

After that you need to make update in the 'Highlight VIP Caller' client script, At line no. 27 with you new icon url.

Refer this link : how to replace vip icon in ServiceNow?   

 

And for the new users you need to create similar kind client script. 

 


Kindly mark the answer āœ”ļøCorrect or Helpful āœ”ļøIf it addresses your concern.


Regards,

Siddhesh

0 Helpfuls

Siddhesh Gawade
Mega Sage
Mega Sage
In response to Siddhesh Gawade

ā€Ž01-11-2024 08:07 AM

Hello @Tzippi Berko ,

 

Does this resolved you issue ? If yes, It would be great if you mark my response as CORRECT or Helpful so that others can see this on top of the list and get benefited by this.

 

Thanks & Regards,

Siddhesh

0 Helpfuls

jonathandrury
Tera Expert

ā€Ž01-11-2024 07:59 AM

I have a similar requirement and I can't get this to work.  Can someone post the actual results of this working in Vancouver?  If seems that anything I try is cut to a 15px width for the DIV that holds the background image. 

(I have focused on two images, or one wider image, if I set the width, it sets it on the parent td, not the div. 

Thanks!

0 Helpfuls