how to replace vip icon in ServiceNow?

David Ellsworth
Kilo Expert

I need to replace the VIP icon on the Incident form. I've tried this and didn't work.Can't seem to find the images/icons location. 

upload image to: System UI > Images. pinnacleP.png

Existing:

background-image: url('images/icons/vip.gif');

            background-repeat: no-repeat;

            background-position: 98% 5px;

            padding-right: 30px;

 

New:

background-image: url('images/pinnacleP.png');

            background-repeat: no-repeat;

            background-position: 98% 5px;

            padding-right: 30px;

 

Filter: client script

Table: Incident

Name: Highlight VIP Caller

 

Change file name:

callerLabel.setStyle({backgroundImage: "url(images/icons/vip.gif)", backgroundRepeat: "no-repeat", backgroundPosition: bgPosition, paddingLeft: '30px' });

to

callerLabel.setStyle({backgroundImage: "url(images/pinnacleP.png)", backgroundRepeat: "no-repeat", backgroundPosition: bgPosition, paddingLeft: '30px' });

1 ACCEPTED SOLUTION

Prateek kumar
Mega Sage

Try this:(Assuming you named image as pinnacleP.png in System UI>Images )
callerLabel.setStyle({backgroundImage: "url(pinnacleP.png)", backgroundRepeat: "no-repeat", backgroundPosition: bgPosition, paddingLeft: '30px' });


Please mark my response as correct and helpful if it helped solved your question.
-Thanks

View solution in original post

3 REPLIES 3

Prateek kumar
Mega Sage

Try this:(Assuming you named image as pinnacleP.png in System UI>Images )
callerLabel.setStyle({backgroundImage: "url(pinnacleP.png)", backgroundRepeat: "no-repeat", backgroundPosition: bgPosition, paddingLeft: '30px' });


Please mark my response as correct and helpful if it helped solved your question.
-Thanks

Ahmmed Ali
Mega Sage

Hello,

 

below thread may help you.

https://community.servicenow.com/community?id=community_question&sys_id=62278729db1cdbc01dcaf3231f96196b

 

https://community.servicenow.com/community?id=community_question&sys_id=59728feddb98dbc01dcaf3231f96192d

 

Thanks,

Ali

If I could help you with your Query then, please hit the Thumb Icon and mark my answer as Correct!!

Thank you,
Ali

Using this worked: url(pinnacleP.png)

Using recommended: images/icons/pinnacleP.png didn't work. Thanks for responding.