Exemples de modification de la bannière
Il existe différentes façons de modifier la bannière sur vos instances.
Étiqueter plusieurs instances différemment
- Laissez < glide.product.description vide dans toutes les instances>
- Sur l’instance PROD, sélectionnez glide.product.name <Ma société>
- Sur l’instance DEV, définissez glide.product.name sur < Ma société : DEV>
Contrôler le titre de la fenêtre
- glide.product.name définir sur <Titre de fenêtre de votre choix>
- glide.product.name.style Définir sur <Affichage : Aucun>
- glide.product.description défini sur <vide>
L’image et le texte de la bannière de l’enregistrement de la 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 sélectionnez < Ma société >
- glide.product.name.style Définir sur <Affichage : Aucun>
- glide.product.description réglé 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 sélectionnez < Ma société >
- glide.product.name.style Définir sur <Affichage : Aucun>
- glide.product.image Définir sur < votre entreprise logo.gif>
- glide.product.description définir sur <Un peu de texte pour la description>
- glide.product.description.style défini sur <position :absolute ; haut :5px ; left :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 de l’entreprise exigent une personnalisation plus approfondie de l’interface ServiceNow . En utilisant la technique de la 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 les 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};}