Portalstile definieren
Seiten bestehen aus Containern, Spalten, Zeilen, Widgets und Widget-Instanzen. Sie können das CSS jeder Komponente konfigurieren oder das im Thema und Branding definierte CSS als globale Definition für das Portal verwenden. Wenn Sie im Thema oder Branding kein CSS definieren, werden die Bootstrap-Standardwerte verwendet.
Sie können CSS in Ihrem Portal auf mehreren Ebenen definieren.
- Bootstrap-Standardwerte
Wenn kein anderes CSS definiert ist, verwenden alle Elemente die Standardwerte von Bootstrap Version 3.3.6. Sie können Bootstrap-CSS-Hilfsklassen mit jedem Feld Serviceportal verwenden, das CSS als Wert akzeptiert. Um Serviceportal -Container ein- oder auszublenden, verwenden Sie Hilfsklassen für reaktionsfähige CSS-Dienstprogramme wie
sichtbar-lgoderausgeblendet-md.- Themenfarben Branding-Editor/Portal-CSS
CSS, das auf der Registerkarte Designfarben des Branding-Editors definiert ist. Änderungen, die im Branding-Editor an den Designfarben vorgenommen werden, werden im Feld „CSS-Variablen“ in der Portaltabelle [sp_portal] angezeigt. Durch Anpassen der Themenfarben werden die Bootstrap-Standardwerte überschrieben.
- Themen-CSS
CSS, die im Feld „CSS-Variablen“ in der Thementabelle [sp_theme] definiert sind. Verwenden Sie die Themen-CSS so oft wie möglich, um in Zukunft eine flexiblere Entwicklung Ihres Portals zu ermöglichen.
Durch die Verwendung eines Designs werden die Designfarben des Portal-CSS/Branding-Editors überschrieben.
- Seiten-CSS
CSS, die im Feld „Seitenspezifische CSS“ in der Thementabelle [sp_theme] definiert sind.
Seitenspezifische CSS überschreiben die Themen-CSS.
- CSS-Klassen
Sie können CSS-Klassenelemente auf der Seite innerhalb des jeweiligen Datensatzes definieren.
- Widget-CSS
CSS, die im CSS-Feld in der Widgets-Tabelle [sp_widget] definiert sind.
Widget-CSS überschreiben Container-, Spalten- und Zeilen-CSS.
- Widget-Instanz CSS
CSS, die im CSS-Feld in der Instanztabelle [sp_instance] definiert sind.
Widget-Instanz-CSS überschreiben alle anderen CSS-Definitionen.