Beispiele für das Ändern des Banners
Es gibt verschiedene Möglichkeiten, das Banner in Ihren Instanzen zu ändern.
Mehrere Instanzen unterschiedlich kennzeichnen
- Verlassen Sie auf allen Instanzen glide.product.description <blank>
- Legen Sie in der PROD-Instanz glide.product.name auf fest<My Company>
- Legen Sie in der DEV-Instanz glide.product.name auf fest<My Company - DEV>
Steuern Sie den Fenstertitel
- glide.product.name auf festlegen<Window Title that you want>
- glide.product.name.style auf festgelegt<display: none>
- glide.product.description auf festlegen<blank>
Das Bannerbild und der Bannertext des Unternehmensdatensatzes werden zum Festlegen des Bannerbilds und -texts verwendet, da der Unternehmensbannertext nicht im Fenstertitel verwendet wird.
Verwenden Sie HTML im Bannertext
- glide.product.name auf festlegen<My Company>
- glide.product.name.style auf festgelegt<display: none>
- glide.product.description auf festgelegt <Some text <a href="some_url">[] Klicken Sie hier <a id="x2"> ></a>
Positionieren Sie den Bannertext über dem Bannerbild
- glide.product.name auf festlegen<My Company>
- glide.product.name.style auf festgelegt<display: none>
- glide.product.image auf festlegen<your company logo.gif>
- glide.product.description auf festgelegt<Some text for the description>
- glide.product.description.style auf festgelegt<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 eingehenderes 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 Bild in den -Bildmanager hoch, und erstellen Sie dann eine neue Eigenschaft mit dem Namen css.banner.background.image, um das Bild aufzurufen. Der Wert sollte wie folgt 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};}