Beispiele zum Ändern des Banners
Es gibt verschiedene Möglichkeiten, wie Sie das Banner in Ihren Instanzen ändern können.
Beschriften Sie mehrere Instanzen unterschiedlich
- Belassen Sie in allen Instanzen glide.product.description.<blank>
- Legen Sie in der PROD-Instanz glide.product.name auf fest<My Company>
- Legen Sie glide.product.name in der DEV-Instanz auf fest<My Company - DEV>
Steuern Sie den Fenstertitel
- glide.product.name festgelegt auf<Window Title that you want>
- glide.product.name.style festgelegt auf<display: none>
- glide.product.description festgelegt auf<blank>
Das Bannerbild und der Bannertext des Unternehmensdatensatzes werden verwendet, um das Bannerbild und den Bannertext festzulegen, da der Unternehmensbannertext nicht im Fenstertitel verwendet wird.
Verwenden Sie HTML im Bannertext
- glide.product.name festgelegt auf<My Company>
- glide.product.name.style festgelegt auf<display: none>
- glide.product.description festgelegt auf <Some text <a href="some_url">[] Klicken Sie hier <a id="x2"> ></a>
Positionieren Sie den Bannertext über dem Bannerbild
- glide.product.name festgelegt auf<My Company>
- glide.product.name.style festgelegt auf<display: none>
- glide.product.image festgelegt auf<your company logo.gif>
- glide.product.description festgelegt auf<Some text for the description>
- glide.product.description.style festgelegt auf<position:absolute; top:5px; left:100px> (Positionswerte können je nach Bedarf variieren.)
Wenden Sie ein Hintergrundbild auf das Banner an
Häufig erfordern Unternehmensrichtlinien ein detaillierteres Branding der 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 Image in den Image-Manager hoch, und erstellen Sie dann eine neue Eigenschaft mit dem Namen css.banner.background.image, damit Sie das Image aufrufen können. Der Wert sollte so aussehen.
css.banner.background.image value url('./images/MasterBG.jpgx')
Schreiben Sie CSS-Regeln, die diese Änderung 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};}