Interner Auftritt
Über die Grundeinstellungen gelangen Sie zum Abschnitt "Design". Hier können Sie den Reiter "Interner Auftritt" einblenden (/Administration/Design/Basics/Theme/Edit).
Das Farbdesign Ihrer Umantis Lösung kann dort angepasst werden. So haben Sie die Möglichkeit, die Farbgestaltung Ihrer Umantis Lösung individueller zu gestalten. Diese Funktion ist im Kontext Ihrer unternehmensspezifischen Vorgaben hinsichtlich Corporate Design relevant, denn das Erscheinungsbild der Lösung kann für gewisse Elemente angepasst werden.
Generelle Hinweise:
- Eine Anpassung der einzelnen Farbcodes und Aktivierung der Checkbox "Farbdesign anwenden" hat unmittelbar Auswirkung auf den internen Auftritt Ihrer Lösung.
- Sofern Sie Änderungen vornehmen, empfehlen wir Ihnen diese gemeinsam mit Ihren Design-Verantwortlichen zu tun.
- Als Hilfestellung ist eine Tabelle mit Farbcodes verlinkt. Beachten Sie bitte, dass diese Tabelle keine #-Zeichen beinhaltet. Fügen Sie diese bitte manuell vor die einzelnen Farbcodes ein. Neben den zur Verfügung gestellten Codes, können Sie natürlich auch andere Hexadezimal-Codes (Hexa-Codes) einfügen.
- Beachten Sie bitte, dass nach jeder Anpassung unter Umständen ein "Hard-Refresh" über "CTRL+F5" oder das Leeren des Cache notwendig ist (weil das CSS der Lösung ge-cached wird).
- Durch diese Neuerung kann das generelle Erscheinungsbild (Look & Feel) angepasst werden, um es dem Corporate Design anzugleichen.
- Informationen zur Schriftart
Ansicht auf Farbdesign-Einstellungen
Anpassung des Umantis Designs
Sofern Sie eine individuelle Anpassung des Umantis Designs vornehmen möchten, finden Sie im folgenden Dokument hilfreiche Informationen:
Farbwähler (color picker)
Sie können beim Umantis Design Pro einen Farbwähler ("color picker") verwenden. Dieser ist in jedem Abschnitt verfügbar und ermöglicht eine sehr einfache Auswahl der gewünschten Farbe für das jeweilige Oberflächenelement (Body, Kopfzeile, Navigationsleiste etc.).
Oberflächenelemente im Umantis Bewerbermanagement
Klicken Sie im Nachfolgenden Bild auf die Bezeichnung des Elements, um direkt zum jeweiligen Abschnitt abzuspringen.
Farbdesign-Einstellungen
Hinweise:
- Eine Tabelle mit Beispiel-Farbcodes finden Sie unter folgendem Link.
- Die Eingabe des Parameters "!important" nach dem Farbcode ist nicht länger notwendig und wird ignoriert.
- Wenn die Farbe des Links nicht global übernommen wird, gehen Sie zu jedem Abschnitt und setzen Sie den gleichen Hexa-Code für den Link in diesem Abschnitt ein.
Farbdesign anwenden
- Aktivieren Sie diese Checkbox, falls Sie individuellen Farbcodes im unteren Abschnitt eingetragen haben und diese angewendet werden sollen.
Body
Sie können hier mithilfe von Hexa-Code Folgendes anpassen:
- Hintergrundfarbe
- Schriftfarbe
Der graue Bereich im Hintergrund ist der sogenannte "Body":
Hinweis: Nachdem Sie die Text-/Schriftfarbe des Bodys geändert haben, wird diese nicht "global" übernommen, sondern Sie müssen auch die Text-/Schriftfarbe
Farbe des Abschnitts Artikel-Box und die Farbe des Textkörpers im Abschnitt Tabelle ändern. Da die Abschnitte separat angepasst werden können, müssen Sie die Farbe
Farbe entsprechend für jeden Teil definieren.
Kopfzeile
Über den Abschnitt wird die Hintergrundfarbe des Seitenmenüs (ehemals Kopfleiste) angepasst. Bitte beachten Sie, dass sich diese Einstellung nicht auf die obere Kopfzeile bezieht, diese ist immer weiss.
Sie können hier mithilfe von Hexa-Code Folgendes anpassen:
- Link-Farbe
- Hintergrundfarbe des aktiven Links/Untermenü
- Untermenü Hover-Link-Farbe
Sie können hier mithilfe von Hexa-Code Folgendes anpassen:
- Hintergrundfarbe
- Link-Farbe
- Link-Hover-Farbe
- Farbe des aktiven Links
Links/Schaltflächen/Symbole/Kalender
Sie können hier mithilfe von Hexa-Code Folgendes anpassen:
- Farbe
- Hover-Farbe
- Schaltflächen Schriftfarbe
Hinweis: Wenn sich die Farbe eines Links/einer Schaltfläche/eines Symbols nicht ändert, passen Sie bitte im Abschnitt Artikel-Box die Link-Farbe an. Wenn die Farbe immer noch nicht korrekt dargestellt wird, passen Sie im Abschnitt Tabelle die Link-/Schriftfarbe an.
Farbe des Zählersymbols
Sie können hier mithilfe von Hexa-Code Folgendes anpassen:
- Hintergrundfarbe
- Schriftfarbe
Artikel-Box
Sie können hier mithilfe von Hexa-Code Folgendes anpassen:
- Hintergrundfarbe
- Schriftfarbe
- Farbe der Überschrift
- Link-Farbe
- Link-Hover-Farbe
Aktionsmenü
Sie können hier mithilfe von Hexa-Code Folgendes anpassen:
- Hintergrundfarbe
- Link-Farbe
- Link-Hover-Farbe
- Farbe der Überschrift
Einstellungs-/Profil-Panel
Sie können hier mithilfe von Hexa-Code Folgendes anpassen:
- Hintergrundfarbe
- Kopfzeilen-Hintergrundfarbe
- Link-Farbe
- Link-Hover-Farbe
Linker Toggle-Schieberegler Panel/Switcher (Sidebar)
Sie können hier mithilfe von Hexa-Code Folgendes anpassen:
- Hintergrundfarbe
- Schriftfarbe
Tabelle
Sie können hier mithilfe von Hexa-Code folgendes anpassen:
- Kopfzeilen-Hintergrundfarbe
- Kopfzeilen-Schriftfarbe
- Body-Hintergrundfarbe
- Body-Schriftfarbe
- Body Link-Farbe
- Body Link-Hover-Farbe
- Tabellenfusszeile-Hintergrundfarbe
- Tabellenfusszeile-Schriftfarbe
Die Tabellen sind in drei Abschnitte unterteilt:
- Kopfzeile
- Body
- Fusszeile
1. Kopfzeile
2. Body
3. Fusszeile
Umschalter
Sie können hier mithilfe von Hexa-Code folgendes anpassen:
- Hintergrundfarbe inaktiv
- Schriftfarbe inaktiv
- Hintergrundfarbe aktiv
- Schriftfarbe aktiv
- Hover-Hintergrundfarbe
- Hover-Schriftfarbe
