Exemplos de como modificar a faixa
Há várias maneiras de modificar a faixa em suas instâncias.
Rotule várias instâncias de forma diferente
- Em todas as instâncias, saia glide.product.description<blank>
- Na instância do PROD, defina glide.product.namePara o <My Company>
- Na instância DE DESENVOLVIMENTO, defina glide.product.namePara Minha empresa - DEV>
Controle o título da janela
- glide.product.name "Título da janela que você deseja"
- glide.product.name.style definido como <display: none>
- glide.product.description definido como <blank>
O registro da empresa Imagem da faixa e. 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.
Use 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 algum texto <a href="some_url">Clique aqui </a>>
Posicione 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 sua empresa logo.gif>
- glide.product.description Definido como "algum texto para a descrição"
- glide.product.description.style "posição:absoluta; top:5px; left:100px> (os valores de posição podem variar com base nas necessidades especificadas)
Aplique uma imagem de fundo à faixa
Muitas vezes, as diretrizes corporativas exigem uma identidade visual mais detalhada do ServiceNow interface. Usando a técnica de lado a lado, você pode modificar a imagem do logotipo para ter um fundo transparente, para que você 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 url do valor ('./images/MasterBG.jpgx')
Escreva regras 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};}