Anpassen der Instanzdarstellung

  • Freigeben Version: Washingtondc
  • Aktualisiert 1. Februar 2024
  • 3 Minuten Lesedauer

    • Ein Administrator kann globale CSS- oder Systemeigenschaften ändern, um das Erscheinungsbild der Standardinstanzschnittstelle zu ändern. Die Funktionalität ist nicht betroffen.

    Beispielsweise verwenden Unternehmen häufig mehrere Instanzen, um Entwicklungs-, Test- und Produktionsaktivitäten zu trennen. Um zu vermeiden, dass Benutzer versehentlich die falsche Instanz ändern, können Administratoren jede Instanz mit einem visuell unterschiedlichen Design konfigurieren. Für die Definition eines Instanzthemas stehen mehrere Ansätze zur Verfügung.

    CSS-Eigenschaften

    Navigieren zu Systemeigenschaften > CSS.

    Die folgenden Eigenschaften sind über CSS-Eigenschaften verfügbar.

    Hinweis:
    Farben werden mit vordefinierten Farbnamen, RGB-Dezimalzahlen oder RGB-Hexadezimalzahlen angegeben.
    • Banner-Textfarbe:
    • Hintergrundfarbe für Banner und Listenbeschriftung
    • In Formularen und Listen verwendete Schriftart (dies ist eine globale Schriftarteinstellung)
    • Schaltflächenstile (Hintergrundfarbe, Rahmenfarbe, Rahmenbreite, Textfarbe)
    • Farben der Feldstatusanzeige (einschließlich der Indikatoren für „Geändert“, „Obligatorisch ausgefüllt“, „Obligatorisch nicht ausgefüllt“ und „Schreibgeschützt“)
    • Vertikale Ausrichtung der Listenzelle
    • Navigator-Menüstile (Schriftgröße, Hintergrundfarbe, Textfarbe)
    • Name und Größe der Schriftart des Headers
    • Überschreibung der Farbe von Listen- und Formularbeschriftungen
    • Hintergrundfarbe der globalen Textsuche (für Katalogergebnisse und Knowledge Base-Ergebnisse)

    UI-Eigenschaften

    Navigieren zu Systemeigenschaften > UI-Eigenschaften.

    Die folgenden Eigenschaften sind über UI-Eigenschaften verfügbar.

    • Im Aktivitätsformatierer verwendete Symbole
    • Hintergrundfarben für zusätzliche Anmerkungen und Arbeitsnotizen
    • Schaltflächenplatzierung in Formularen
    • Im Aufgabenaktivitätsformatierer verwendete Symbole
    • Hintergrundfarben für „Zusätzliche Kommentare“ und „Arbeitsnotizen“ für Incidents

    CSS-Klassenunterstützung

    In Core-UI (UI16) ändern sich die CSS-Eigenschaften und ihre Auswirkungen auf die Plattform-UI je nach Release.

    Tabelle : 1. CSS-Klassenunterstützung für Washington DC
    CSS-Klasse Beschreibung So konfigurieren Sie Betroffener Bereich
    $navpage-header-bg Header-Hintergrundfarbe Navigieren zu Systemeigenschaften > Basiskonfiguration UI16 > Header-Hintergrundfarbe Header-Hintergrund
    $navpage-header-farbe Farbe für Headertext und Symbol für globale Suche Navigieren zu Systemeigenschaften > Basiskonfiguration UI16 > Banner-Textfarbe: Banner-Textfarbe
    $navpage-header-button-color Farbe für den Text des angemeldeten Benutzernamens und die Symbole für globale Suche Connect, Hilfe und Einstellungen Fügen Sie die CSS-Eigenschaft dem CSS-Feld eines Designs hinzu. Weitere Informationen finden Sie unter Erstellen oder passen Sie ein Design an. Header mit hervorgehobenen Symbolen für Benutzername und Connect, Hilfe und Einstellungen
    $navpage-header-teiler-farbe Farbe der Header-Teilung Navigieren zu Systemeigenschaften > Basiskonfiguration UI16 > Farbe des Header-Trennstreifens Header-Teiler-Striper
    $navigation-Schaltfläche-Farbe Farbe für die folgenden Symbole in den Seitenleisten
    • Erweitern/Reduzieren
    • Konversation erstellen (in der Seitenleiste Connect )
    • Öffnen Sie den Arbeitsbereich Connect .
    		 Fügen Sie die CSS-Eigenschaft dem CSS-Feld eines Designs hinzu. Weitere Informationen finden Sie unter Erstellen oder passen Sie ein Design an. Connect Seitenleiste mit Pfeil, der auf das Plus-Symbol zeigt
    $navigation-Schaltfläche-Farbe-Hover Farbe für die folgenden Symbole, wenn ein Benutzer auf das Steuerelement zeigt:
    • Globale Suche
    • Hilfe
    • Einstellungen
    • Symbol „Text löschen“ im Navigationsfilter
    		 Fügen Sie die CSS-Eigenschaft dem CSS-Feld eines Designs hinzu. Weitere Informationen finden Sie unter Erstellen oder passen Sie ein Design an. Zeigen Sie auf das Hilfesymbol, um anzuzeigen, dass es blau ist, wenn ein Benutzer darauf zeigt

    Option Zeigen auf Löschen im Anwendungsnavigator, um anzuzeigen, dass sie auch beim Zeigen auf blau ist
    $Suchtext-Farbe Farbe des Suchtexts, sowohl im Navigationsfilter als auch in den globalen Suchfeldern Fügen Sie die CSS-Eigenschaft dem CSS-Feld eines Designs hinzu. Weitere Informationen finden Sie unter Erstellen oder passen Sie ein Design an. Suchen Sie im Anwendungsnavigator nach „Incident“ in Weiß
    $navpage-nav-frame Rahmenfarbe für den Navigationsfilter und den Konversationsfilter Navigieren zu Systemeigenschaften > Basiskonfiguration UI16 > Rahmenfarbe für UI16 Filternavigator
    $nav-hervorgehoben-main Hebt das Modul hervor, nachdem der Anwender darauf geklickt hat. Hebt im Arbeitsbereich Connect die ausgewählte Konversation hervor. Fügen Sie die CSS-Eigenschaft dem CSS-Feld eines Designs hinzu. Weitere Informationen finden Sie unter Erstellen oder passen Sie ein Design an. Ausgewählte Konversation im Arbeitsbereich Connect mit der richtigen Farbe
    $subnav-Hintergrundfarbe Hintergrund für erweiterte Navigationselemente Navigieren zu Systemeigenschaften > Basiskonfiguration UI16 > Erweiterte Elemente des Navigationshintergrunds Anwendung mit erweiterten Modulen, um den Unterschied in Farbe anzuzeigen
    $navpage-nav-bg Kopf- und Fußzeile für Navigator und Seitenleisten. Navigieren zu Systemeigenschaften > Basiskonfiguration UI16 > Navigations-Header/-Fußzeile Navigation
    $navpage-nav-bg-sub Hintergrund für Navigator und Seitenleisten Navigieren zu Systemeigenschaften > Basiskonfiguration UI16 > Hintergrund für Navigatoren und Seitenleisten Navigator, Seitenleisten
    $navpage-nav-farbe-sub Textfarbe für Module in der Hauptnavigation Fügen Sie die CSS-Eigenschaft dem CSS-Feld eines Designs hinzu. Weitere Informationen finden Sie unter Erstellen oder passen Sie ein Design an. Anwendungsnavigator mit geöffnetem Incident und Modulen unter Incident mit weißer Textfarbe
    $navpage-nav-mod-text-hover Textfarbe, wenn der Mauszeiger über Elemente in der Hauptnavigation bewegt wird Nicht unterstützt Nicht unterstützt
    $nav-hr-Farbe Farbe des Navigator-Trennzeichens Navigieren zu Systemeigenschaften > Basiskonfiguration UI16 > Farbe von Navigationstrennzeichen Trennzeichen
    $nav-highlight-bar-aktiv Linie unter der aktiven Registerkarte im Anwendungsnavigator. Diese Farbe wird auch als Teil der Designvorschau auf der Registerkarte Themen unter den Systemeinstellungen verwendet. Navigieren zu Systemeigenschaften > Basiskonfiguration UI16 > Balkenfarbe des Registerkartenteilers der ausgewählten Navigation Anwendungsnavigator mit ausgewählter Registerkarte Alle Anwendungen und einem Pfeil, der anzeigt, dass die Linie unter der Registerkarte blau ist
    $nav-highlight-bar-inaktiv Linie unter den inaktiven Registerkarten im Anwendungsnavigator Navigieren zu Systemeigenschaften > Basiskonfiguration UI16 > Balkenfarbe des Registerkartenteilers der nicht ausgewählten Navigation Anwendungsnavigator mit ausgewählter Registerkarte Alle Anwendungen und einem Pfeil, der auf die anderen Registerkarten zeigt, um anzuzeigen, dass die Linie eine andere Farbe hat
    $navpage-nav-selected-bg Hintergrundfarbe für ausgewählte Navigationsregisterkarte Navigieren zu Systemeigenschaften > Basiskonfiguration UI16 > Hintergrundfarbe für ausgewählte Navigationsregisterkarte Ausgewählte Registerkarte
    $navpage-nav-selected-color Farbe des Symbols der aktuell ausgewählten Navigationsregisterkarte Navigieren zu Systemeigenschaften > Basiskonfiguration UI16 > Derzeit ausgewählte Farbe der Navigationsregisterkarte für UI16 Navigationssymbol
    $navpage-nav-unselected-color Nicht ausgewähltes Symbol auf der Navigationsregisterkarte und die bevorzugte Symbolfarbe Navigieren zu Systemeigenschaften > Basiskonfiguration UI16 > Nicht ausgewähltes Symbol auf der Navigationsregisterkarte und die bevorzugte Symbolfarbe Favoritensymbolfarbe
    $connect-aktuelle-Nachricht Farbe der aktuell ausgewählten Nachricht in Connect Fügen Sie die CSS-Eigenschaft dem CSS-Feld eines Designs hinzu. Weitere Informationen finden Sie unter Erstellen oder passen Sie ein Design an. Connect Seitenleiste mit ausgewählter Nachricht, die durch einen Pfeil hervorgehoben wird
    $nav-timeago-Kopfzeile-Farbe Zeitstempel-Header-Hintergründe auf der Registerkarte „Verlauf“. Nicht unterstützt Nicht unterstützt
    $navpage-nav-app-text Textfarbe des Kerninhalts für Elemente wie Anwendungen und der leere Statustext für die Seitenleiste Connect. Fügen Sie die CSS-Eigenschaft dem CSS-Feld eines Designs hinzu. Weitere Informationen finden Sie unter Erstellen oder passen Sie ein Design an. Anwendungsnavigator mit Pfeil, der auf Service Desk zeigt, um anzuzeigen, dass der Text weiß ist
    $navpage-nav-app-text-hover Textfarbe für ein ausgewähltes Modul Fügen Sie die CSS-Eigenschaft dem CSS-Feld eines Designs hinzu. Weitere Informationen finden Sie unter Erstellen oder passen Sie ein Design an. Incidents > Modul öffnen, das zum Anzeigen der ausgewählten Farbe ausgewählt ist