Interested in a ServiceNow event built for developers? Registration for now[dev]26 is officially open!

How to remove the banner image in next experience UI

Navyaaa
Tera Contributor

i dont want to change but remove the banner image in my next experience ui and i tried everything (deleted the image from sys properties> my company, cache.do, changed to ui 16 and tried) but nothing worked. 

1 ACCEPTED SOLUTION

Rakesh_M
Mega Sage

HI @Navyaaa ,
1.Navigate to System Properties>>Basic Configuration UI16

2.Under Banner Image for UI 16 upload any image.

3.Now navigate to sys_properties.list
4.Open the system property "glide.product.image.light" , clear the value and attachment.
5.Now Navigate to sys_attachment.list
6.Filter out record with File name = banner_image_light.

Rakesh_M_0-1789644758913.png

7.Delete the record and refresh the instance , The banner image will be no longer visible.

Rakesh_M_1-1789644885017.png

 

View solution in original post

4 REPLIES 4

Ankur Bawiskar
Tera Patron

@Navyaaa 

may be try to update it with some transparent image?

💡 If my response helped, please mark it as correct and close the thread 🔒— this helps future readers find the solution faster! 🙏

Regards,
Ankur
Certified Technical Architect  ||  10x ServiceNow MVP  ||  ServiceNow Community Leader

Tanushree Maiti
Tera Patron

Hi @Navyaaa 

 

Post deleting the UI 16 banner image , did you perform perform a cache.do ( you mentioned you did it) and logout.do  and log back into your instance.

 

If not , do it and check.

 

Note: Hopefully for exploring purpose ,you are doing it in your PDi. A banner image is important for branding and visual identity.

 

 

Refer this Servicenow Documentation:

https://www.servicenow.com/docs/r/platform-user-interface/change-instance-logo.html

Examples of how to modify the banner 

 

 

Please Accept the solution if it assisted you with your question & Mark this response as Helpful.
Regards
Tanushree Maiti
ServiceNow Technical Architect
LinkedIn: https://www.linkedin.com/in/tanushreemaiti

Rakesh_M
Mega Sage

HI @Navyaaa ,
1.Navigate to System Properties>>Basic Configuration UI16

2.Under Banner Image for UI 16 upload any image.

3.Now navigate to sys_properties.list
4.Open the system property "glide.product.image.light" , clear the value and attachment.
5.Now Navigate to sys_attachment.list
6.Filter out record with File name = banner_image_light.

Rakesh_M_0-1789644758913.png

7.Delete the record and refresh the instance , The banner image will be no longer visible.

Rakesh_M_1-1789644885017.png

 

Hi @Navyaaa ,
After removing the banner image, I'm facing an issue where I'm unable to properly select the Navigation Menu . It looks like removing the banner introduces this bug.

Rakesh_M_0-1789646136074.png

Instead use a transparent svg:

1.Open any text editor and paste following code and save it.

<svg xmlns="http://www.w3.org/2000/svg" width="0.1" height="0.1"/>

2.Now change the file type to .svg and save it.
3.Use this as banner image.This resolves the Navigation Menu selection issue.

4.The drawback is that when you hover to the left of “ALL” and click, you are still redirected to the Home page.