---
sourceDocument: Australia ServiceNow AI Platform user interface
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/pt-BR/platform-user-interface

 Release :

    - australia

ft:locale :

    - pt-BR

ft:publication_title :

    - Australia ServiceNow AI Platform user interface

ft:clusterId :

    - platux

bundleId :

    - platux

workflow :

    - Platform


---

# Examples of how to modify the banner

# Examples of how to modify the banner {#ariaid-title1}

* Versão de lançamento: Australia
* 
* Atualizado 12 de mar. de 2026
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 1 min. de leitura

There are various ways that you can modify the banner on your instances.  
Nota:  
From the San Diego release on, configure banner announcements instead of updating glide.product.description. For more information, see [Configure Next Experience banner announcements](https://servicenow-prod.fluidtopics.net/KxldcA0cAhHwfykmMnN6uA#config-next-experience-banners "Configure banner announcements to communicate important information to your users while they are in an experience.").

## Label multiple instances differently

* On all instances, leave glide.product.description \<blank\>
* On PROD instance, set glide.product.name to \<My Company\>
* On DEV instance, set glide.product.name to \<My Company - DEV\>
{#c_ExamplesOfHowToModifyTheBanner__ul_vmr_5ss_xp}

## Control the window title

Since the window title is composed of glide.product.name and glide.product.description, the following gives you complete control over the banner and the window title.

* glide.product.name set to \<Window Title that you want\>
* glide.product.name.style set to \<display: none\>
* glide.product.description set to \<blank\>
{#c_ExamplesOfHowToModifyTheBanner__ul_sjb_sts_xp}

The company record Banner Image and Banner Text are used to
set the banner image and text since the company banner text is not used in the window title.

## Use HTML in the banner text

* glide.product.name set to \<My Company\>
* glide.product.name.style set to \<display: none\>
* glide.product.description set to \<Some text \<a href="some_url"\>Click here\</a\>\>
{#c_ExamplesOfHowToModifyTheBanner__ul_qd5_15s_xp}

## Position banner text over the banner image

* glide.product.name set to \<My Company\>
* glide.product.name.style set to \<display: none\>
* glide.product.image set to \<your company logo.gif\>
* glide.product.description set to \<Some text for the description\>
* glide.product.description.style set to \<position:absolute; top:5px; left:100px\> (position values may vary based on specified needs)
{#c_ExamplesOfHowToModifyTheBanner__ul_dkn_g5s_xp}

## Apply a background image to the banner

Often corporate guidelines require more in-depth branding of the ServiceNow interface. Using the tiling
technique, you can modify your logo image to have a transparent background, so that you can
apply another image to the banner beneath the logo.

Upload an image to the image manager and then create a new property named
css.banner.background.image, so that you can call the image. The value
should look like this.

css.banner.background.image value url('./images/MasterBG.jpgx')

## Write CSS rules that apply this change

    /** BACKGROUND - These properties allow you use to add a background tile to the header of the instance  ***************************/
    TD.bannerLeft,TD.bannerCenter,TD.bannerRight, TR#banner_row{background-color: ${banner.background.color};
    background-image: ${banner.background.image};
    background-position: ${banner.background.position};
    background-repeat: ${banner.background.repeat};}

Nota:  
The banner image and banner text associated with the primary company or specific companies may be used instead of the glide.product.image and glide.product.description properties to get the same effect.
**Conceitos relacionados**   

* [Banner logo link](https://servicenow-prod.fluidtopics.net/hOqd8Ea178LopT1JCASoMQ "Properties are available to control the URL and target frame used when clicking the banner logo.")
* [Modify the banner](https://servicenow-prod.fluidtopics.net/2IL21GZKGKAKBfaGO6f_nQ "The banner is displayed at the top of the page and is rendered using certain system properties.")  
**Tarefas relacionadas**   

* [Customize the banner logo in Core UI](https://servicenow-prod.fluidtopics.net/jnqyi~WYZJJ2o6gKPkn0Yg "Use the glide.product.image and glide.product.description properties to change the banner logo and description in Core UI.")
* [Customize the favicon](https://servicenow-prod.fluidtopics.net/B~TA7FUUsg~TDD8Xfj~jow "Use the glide.product.icon property to change the icon that appears in bookmarks and the browser address bar.")