How to Remove white X in ServiceNow Portal

Pankaj15
Tera Contributor

How to Remove white in SeriveNow Virtal Agent white X. and new ICON or image

Pankaj15_0-1754676045078.png

 

1 ACCEPTED SOLUTION

@Pankaj15 and if you want to change the icon, please refer to this:

 

Variable Description$sp-agent-chat-btn-close: url("https://<instance-name>.service-now.com/tack-icon.png");

 

GlideFather_0-1754986013406.png
To use the default image, remove the variable.$sp-agent-chat-btn-open: url("https://<instance-name>.service-now.com/book-icon.png");

 

GlideFather_1-1754986013513.png
To use the default image, remove the variable.$sp-agent-chat-bg: #ff0000;

 

GlideFather_2-1754986013555.png
To use the default background color, remove the variable.

$sp-agent-chat-btn-closeImage to indicate that the chat window is closed. Use an image URL that contains:
  • Your instance address
  • The name of the Image [db_image] record to reference
For example, to reference the tack-icon.png image in the database, enter the following:
 
$sp-agent-chat-btn-openImage to indicate that the chat window is open. Use an image URL that contains:
  • Your instance address
  • The name of the Image [db_image] record to reference
For example, to reference the book-icon.png image in the database, enter the following:
 
$sp-agent-chat-bgButton background color. Use a Hex code to set the color. For example, to use red, enter the following:
 

 

Source: Configure Agent Chat in a portal

 

I believe I answered all your questions with this, please mark it as solution if it is so. Thank you

 
 

 

 

———
/* If my response wasn’t a total disaster ↙️ drop a Kudos or Accept as Solution ↘️ Cheers! */


View solution in original post

9 REPLIES 9

@GlideFather Thank you. This is the answer to my question.

 

Is there any Possible change through Service Portal.

@Pankaj15 to remove (deactivate) the Virtual Agent, go to Service Portal > Agent chat:

GlideFather_0-1754831425608.png

 

There you will see your Portals (Employee Centres) and for the selected one(s) you can deactivate it. Simply Active true > false:

GlideFather_1-1754831519674.png

 

Setting to false make it disappear:

GlideFather_2-1754831572601.png

 

You can do this per Portal - e.g. SP will not have it while ESC will do have it... 

 

If this is what you were looking for, please mark this reply as solution if not, ask more questions below to discus it further please

 

 

 

———
/* If my response wasn’t a total disaster ↙️ drop a Kudos or Accept as Solution ↘️ Cheers! */


@Pankaj15 and if you want to change the icon, please refer to this:

 

Variable Description$sp-agent-chat-btn-close: url("https://<instance-name>.service-now.com/tack-icon.png");

 

GlideFather_0-1754986013406.png
To use the default image, remove the variable.$sp-agent-chat-btn-open: url("https://<instance-name>.service-now.com/book-icon.png");

 

GlideFather_1-1754986013513.png
To use the default image, remove the variable.$sp-agent-chat-bg: #ff0000;

 

GlideFather_2-1754986013555.png
To use the default background color, remove the variable.

$sp-agent-chat-btn-closeImage to indicate that the chat window is closed. Use an image URL that contains:
  • Your instance address
  • The name of the Image [db_image] record to reference
For example, to reference the tack-icon.png image in the database, enter the following:
 
$sp-agent-chat-btn-openImage to indicate that the chat window is open. Use an image URL that contains:
  • Your instance address
  • The name of the Image [db_image] record to reference
For example, to reference the book-icon.png image in the database, enter the following:
 
$sp-agent-chat-bgButton background color. Use a Hex code to set the color. For example, to use red, enter the following:
 

 

Source: Configure Agent Chat in a portal

 

I believe I answered all your questions with this, please mark it as solution if it is so. Thank you

 
 

 

 

———
/* If my response wasn’t a total disaster ↙️ drop a Kudos or Accept as Solution ↘️ Cheers! */


abirakundu23
Mega Sage

Hi @Pankaj15,
Please navigate the following the below path and attached screenshots as your reference.
Conversational interface -> Settings -> General -> Branding Settings -> Default Branding

abirakundu23_0-1754745704215.png

 

abirakundu23_1-1754745755016.png

Before change the OOB X icon, attached screenshot as your reference.

abirakundu23_2-1754746031000.png

After changed the new X icon, attached screenshot as reference.

abirakundu23_3-1754746113344.png

abirakundu23_4-1754746431015.png

Please mark helpful and correct answer if it's worthy for you.



 

@abirakundu23 this process I know that but i am talking remove White X .