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 Serviceportal -Feld verwenden, das CSS als Wert akzeptiert. Um Serviceportal -Container ein- oder auszublenden, verwenden Sie Bootstrap-CSS-Hilfsklassen für reaktionsfähige Dienstprogramme wie „
visual-lg“ oder „hidden-md“.- Themenfarben Branding-Editor/Portal-CSS
CSS, das auf der Registerkarte Designfarben des Branding-Editors definiert ist. Änderungen an den Designfarben im Branding-Editor 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.