Exemples de modification de la bannière
Vous pouvez modifier la bannière sur vos instances de différentes manières.
Étiqueter plusieurs instances différemment
- Dans toutes les instances, laissez glide.product.description <vide>
- Sur l’instance de production, définissez sur glide.product.name < Mon entreprise >
- Sur l’instance DEV, définissez sur glide.product.name < Mon entreprise : DEV>
Contrôler le titre de la fenêtre
- glide.product.name définir sur <Titre de la fenêtre souhaité>
- glide.product.name.style Définir sur <Affichage : aucun>
- glide.product.description définir sur <vide>
L’image de la bannière et le texte de la bannière de l’enregistrement de société sont utilisés pour définir l’image et le texte de la bannière, car le texte de la bannière de la société n’est pas utilisé dans le titre de la fenêtre.
Utiliser HTML dans le texte de la bannière
- glide.product.name défini sur < Mon entreprise >
- glide.product.name.style Définir sur <Affichage : aucun>
- glide.product.description définir sur < Du texte <a href="some_url">Cliquez ici</a> >
Positionner le texte de la bannière sur l’image de la bannière
- glide.product.name défini sur < Mon entreprise >
- glide.product.name.style Définir sur <Affichage : aucun>
- glide.product.image définir sur < votre société logo.gif>
- glide.product.description définir sur < un texte pour la description>
- glide.product.description.style défini sur <position :absolute ; haut :5px ; gauche :100px> (Les valeurs de position peuvent varier en fonction des besoins spécifiés)
Appliquer une image d’arrière-plan à la bannière
Souvent, les directives d’entreprise exigent une personnalisation plus approfondie de l’interface ServiceNow . En utilisant la technique de mosaïque, vous pouvez modifier l’image de votre logo pour qu’elle ait un arrière-plan transparent, afin de pouvoir appliquer une autre image à la bannière sous le logo.
Chargez une image dans le gestionnaire d’images, puis créez une propriété nommée css.banner.background.image, afin de pouvoir appeler l’image. La valeur doit ressembler à ceci.
css.banner.background.image valeur url('./images/MasterBG.jpgx')
Écrire des règles CSS qui appliquent ce changement
/** 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};}