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
- Sur toutes les instances, laissez glide.product.description <vide>
- Sur l’instance de production, définir glide.product.name sur < 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 que vous voulez>
- glide.product.name.style Définir sur <Affichage : Aucun >
- glide.product.description définir sur <vide>
L’enregistrement de société, l’image de la bannière et le texte de la bannière sont utilisés pour définir l’image et le texte de la bannière, car le texte de la bannière de l’entreprise 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 avoir un arrière-plan transparent, afin de pouvoir appliquer une autre image à la bannière sous le logo.
Télé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};}