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 PROD, à définir glide.product.name sur <Ma société>
- Sur l’instance DEV, définir sur glide.product.name <Ma société - DEV>
Contrôle du titre de la fenêtre
- glide.product.name Définissez sur <Titre de la fenêtre que vous souhaitez>
- glide.product.name.style Définir sur <Display : 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 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 définir sur < Ma société >
- glide.product.name.style Définir sur <Display : Aucun>
- glide.product.description définir sur <Un peu de 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éfinir sur < Ma société >
- glide.product.name.style Définir sur <Display : Aucun>
- glide.product.image Définir sur < logo.gif> de votre entreprise
- glide.product.description Sélectionnez < Du 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 image de marque plus approfondie de l’interface ServiceNow . En utilisant la technique de la 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.
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};}