Beispiele für das Ändern des Banners
Es gibt verschiedene Möglichkeiten, das Banner in Ihren Instanzen zu ändern.
Benennen Sie mehrere Instanzen unterschiedlich
- Verlassen Sie in allen Instanzen glide.product.description<blank>
- Legen Sie in der PROD-Instanz fest glide.product.nameAn <My Company>
- Legen Sie in der DEV-Instanz fest glide.product.nameAn <mein Unternehmen – DEV>
Steuern Sie den Fenstertitel
- glide.product.name Legen Sie den Wert auf <Fenstertitel, der Sie wünschen> fest
- glide.product.name.style Auf <display: none> festlegen
- glide.product.description Auf <blank> festlegen
Der Unternehmensdatensatz Banner-Bild Und Bannertext Werden verwendet, um das Bannerbild und den Text festzulegen, da der Bannertext des Unternehmens nicht im Fenstertitel verwendet wird.
Verwenden Sie HTML im Bannertext
- glide.product.name Auf <My Company> festlegen
- glide.product.name.style Auf <display: none> festlegen
- glide.product.description Auf <Text festlegen <a href="some_url">Klicken Sie hier </a>>
Positionieren Sie den Bannertext über dem Bannerbild
- glide.product.name Auf <My Company> festlegen
- glide.product.name.style Auf <display: none> festlegen
- glide.product.image Legen Sie den Wert auf <Your Company Logo.gif> fest
- glide.product.description Legen Sie den Wert auf <Text für die Beschreibung> fest
- glide.product.description.style Auf <Position:absolut; oben:5 px; links:100 px> festlegen (Positionswerte können je nach Bedarf variieren)
Wenden Sie ein Hintergrundbild auf das Banner an
Häufig erfordern Unternehmensrichtlinien ein eingehenderes Branding von ServiceNow Schnittstelle. Mit der Kacheltechnik können Sie Ihr Logobild so ändern, dass es einen transparenten Hintergrund hat, sodass Sie ein anderes Bild auf das Banner unter dem Logo anwenden können.
Laden Sie ein Bild in den Image-Manager hoch, und erstellen Sie dann eine neue Eigenschaft mit dem Namen css.banner.background.image, Damit Sie das Bild aufrufen können. Der Wert sollte so aussehen.
css.banner.background.image Wert-url ('./images/MasterBG.jpgx')
Schreiben Sie CSS-Regeln, die diesen Change anwenden
/** 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};}