Anpassen der Instanzdarstellung
Ein Administrator kann globale CSS- oder Systemeigenschaften ändern, um das Erscheinungsbild der Standardinstanzschnittstelle zu ändern. Die Funktionalität ist nicht betroffen.
Beispielsweise verwenden Organisationen häufig mehrere Instanzen, um Entwicklungs-, Test- und Produktionsaktivitäten zu trennen. Um Anwendern zu helfen, versehentlich die falsche Instanz zu ändern, können Administratoren jede Instanz mit einem visuell eindeutigen Design konfigurieren. Zum Definieren eines Instanzdesigns sind mehrere Ansätze verfügbar.
CSS-Eigenschaften
Navigieren zu an.
Die folgenden Eigenschaften sind über CSS-Eigenschaften verfügbar.
Hinweis:
Farben werden mithilfe von vordefinierten angegeben Farbnamen , RGB-Dezimalstellen oder RGB-Hexadezimalzahlen.
- 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 des Feldstatusindikators (einschließlich der Indikatoren für „geändert“, „obligatorisch ausgefüllt“, „obligatorisch nicht ausgefüllt“ und „schreibgeschützt“)
- Vertikale Ausrichtung der Listenzelle
- Navigatormenüstile (Textschriftgröße, Hintergrundfarbe, Textfarbe)
- Name und Größe der Headerschriftart
- Farbe der Listen- und Formularbeschriftungen überschreiben
- Hintergrundfarbe der globalen Textsuche (sowohl für Katalogergebnisse als auch für Knowledge Base-Ergebnisse)
UI-Eigenschaften
Navigieren zu an.
Die folgenden Eigenschaften sind über UI-Eigenschaften verfügbar.
- Im Aktivitätsformatierer verwendete Symbole
- Hintergrundfarben für zusätzliche Kommentare und Arbeitsnotizen
- Schaltflächenplatzierung in Formularen
- Symbole, die im Aufgabenaktivitätsformatierer verwendet werden
- Hintergrundfarben für zusätzliche Kommentare und Arbeitsnotizen für Incidents
CSS-Klassenunterstützung
In Core-UI(UI16), CSS-Eigenschaften und ihre Auswirkungen auf die Plattform-UI ändern sich je nach Release.
| CSS-Klasse | Beschreibung | Konfiguration | Betroffener Bereich |
|---|---|---|---|
| $navpage-Header-bg | Header-Hintergrundfarbe | Navigieren zu |  |
| $navpage-Header-color | Farbe für Headertext und das Symbol für die globale Suche | Navigieren zu |  |
| $navpage-Header-button-color | Farbe für den Text des angemeldeten Anwendernamens und die globale Suche Connect, Hilfe und Einstellungssymbole | Fügen Sie die CSS-Eigenschaft dem CSS-Feld eines Designs hinzu. Weitere Informationen finden Sie unter Erstellen oder passen Sie ein Design an. |  |
| $navpage-Header-Divider-color | Farbe der Header-Trennlinie | Navigieren zu |  |
| $navpage-button-color | Farbe für die folgenden Symbole in den Sidebars
|
Fügen Sie die CSS-Eigenschaft dem CSS-Feld eines Designs hinzu. Weitere Informationen finden Sie unter Erstellen oder passen Sie ein Design an. |  |
| $navpage-button-color-Mover | Farbe für die folgenden Symbole, wenn ein Anwender auf das Steuerelement zeigt:
|
Fügen Sie die CSS-Eigenschaft dem CSS-Feld eines Designs hinzu. Weitere Informationen finden Sie unter Erstellen oder passen Sie ein Design an. | 
|
| $search-Text-color | 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. |  |
| $navpage-NAV-border | Rahmenfarbe für den Navigationsfilter und den Konversationsfilter | Navigieren zu |  |
| $NAV-Highlight-Main | Hebt das Modul hervor, nachdem der Anwender darauf geklickt hat. In Connect Arbeitsbereich, hebt 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. |  |
| $subNAV-background-color | Hintergrund für erweiterte Navigationselemente | Navigieren zu |  |
| $navpage-NAV-bg | Kopf- und Fußzeile für Navigator und Sidebars. | Navigieren zu |  |
| $navpage-NAV-bg-sub | Hintergrund für Navigator und Sidebars | Navigieren zu | |
| $navpage-NAV-color-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. | |
| $navpage-NAV-mod-Text-Hover | Textfarbe, wenn Sie den Mauszeiger über Elemente in der Hauptnavigation bewegen | Nicht unterstützt | Nicht unterstützt |
| $NAV-HR-color | Navigator-Trennzeichen-Farbe | Navigieren zu |  |
| $NAV-Highlight-bar-Active | Zeile unter der aktiven Registerkarte im Anwendungsnavigator. Diese Farbe wird auch als Teil der Designvorschau auf der Registerkarte „Designs“ unter den Systemeinstellungen verwendet. | Navigieren zu |  |
| $NAV-Highlight-bar-inaktiv | Zeile unter den inaktiven Registerkarten im Anwendungsnavigator | Navigieren zu |  |
| $navpage-NAV-selected-bg | Hintergrundfarbe für ausgewählte Navigationsregisterkarte | Navigieren zu |  |
| $navpage-NAV-selected-color | Farbe des Symbols der derzeit ausgewählten Navigationsregisterkarte | Navigieren zu |  |
| $navpage-NAV-unselected-color | Nicht ausgewähltes Symbol auf der Navigationsregisterkarte und die bevorzugte Symbolfarbe | Navigieren zu |  |
| $Connect-latest-message | Farbe der derzeit in ausgewählten Nachricht 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. | |
| $NAV-timeago-Header-color | 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 Connect Sidebar. | Fügen Sie die CSS-Eigenschaft dem CSS-Feld eines Designs hinzu. Weitere Informationen finden Sie unter Erstellen oder passen Sie ein Design an. | |
| $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. |
