Field Style Icon change

[Priyadharshini6]

Hi 

On Incident form i am trying to change the icon that is used to highlight VIP users.

- I uploaded the png file to system UI --> Images

- Then Created a new Field style with these values

  - Table = Incident

 - Field Name = Caller

 - Value = javascript:current.caller_id.vip == true

  Style

   background-image:url('images/icons/<newly added png file name>');

background-repeat:no-repeat;

background-position:98% 5px;

padding-right:30px;

But still i am not be see the new image, the old configuration is still working. Can you pls suggest, that could be wrong.

[AnirudhKumar]

Change value to:

javascript:if (current.caller_id.vip == true) {true;} else {false;}

Also, for style use:

background-image: url('<newly added png file name>');
background-repeat:no-repeat;
background-position:98% 5px;
padding-right:30px;

[Priyadharshini6]

I tried its still not visible. Javascript functionality works , i just want to change the image to be displayed.

i tried 

background-image:url('<filename>.png'>

Its still not working.

[AnirudhKumar]

The vip icon in the OOB incident form shows up based on a client script called Highlight VIP Caller.

If you simple want to change the image without changing any other functionality, update the client script.

The line that requires update is :

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