Exemplos de como modificar a faixa
Existem várias maneiras de modificar a faixa em suas instâncias.
Rotular várias instâncias de forma diferente
- Em todas as instâncias, deixe glide.product.description <blank>
- Na instância PROD, defina glide.product.name como<My Company>
- Na instância de DEV, defina glide.product.name como<My Company - DEV>
Controlar o título da janela
- glide.product.name definido como<Window Title that you want>
- glide.product.name.style definido como<display: none>
- glide.product.description definido como<blank>
A imagem da faixa de registro da empresa e o texto da faixa são usados para definir a imagem e o texto da faixa, já que o texto da faixa da empresa não é usado no título da janela.
Usar HTML no texto da faixa
- glide.product.name definido como<My Company>
- glide.product.name.style definido como<display: none>
- glide.product.description definido como <Some text <a href="some_url">[] Clique aqui <a id="x2"> ></a>
Posicionar o texto da faixa sobre a imagem da faixa
- glide.product.name definido como<My Company>
- glide.product.name.style definido como<display: none>
- glide.product.image definido como<your company logo.gif>
- glide.product.description definido como<Some text for the description>
- glide.product.description.style definido como<position:absolute; top:5px; left:100px> (os valores da posição podem variar de acordo com as necessidades especificadas)
Aplicar uma imagem de plano de fundo à faixa
Frequentemente, as diretrizes corporativas exigem uma identidade visual mais detalhada da interface ServiceNow. Usando a técnica de bloco, você pode modificar a imagem do logotipo para ter um plano de fundo transparente, para que possa aplicar outra imagem à faixa abaixo do logotipo.
Carregue uma imagem para o gerenciador de imagens e crie uma nova propriedade chamada css.banner.background.image, para que você possa chamar a imagem. O valor deve ser semelhante a este.
css.banner.background.image value url('./images/MasterBG.jpgx')
Gravar regras de CSS que aplicam esta mudança
/** 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};}