Portalstile werden definiert

  • Freigeben Version: Zurich
  • Aktualisiert 31. Juli 2025
  • 1 Minute Lesedauer
  • 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 verwenden Bootstrap-CSS-Hilfsklassen Mit beliebigem Serviceportal Feld, das CSS als Wert akzeptiert. Zum ein- oder Ausblenden Serviceportal Container verwenden Bootstrap CSS-Hilfsklassen für reaktionsfähige Dienstprogramme wie Sichtbar-lg Oder Ausgeblendet-md .

    Themenfarben Branding-Editor/Portal-CSS

    CSS, die auf der Registerkarte Designfarben des Branding-Editors definiert sind. Ä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.

    Branding-Editor-Benutzeroberfläche mit Anzeige der Registerkarte „Schnell-Setup“ und „Themenvorschau“.

    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.

    Wenn Sie ein Design verwenden, 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.

    Hinweis:
    In einigen Fällen überschreiben Standardstile für Barrierefreiheit möglicherweise das für ein Portal definierte CSS.
    Abbildung : 1. Hierarchie der Stilanwendung im Service Portal
    Diagramm, das Serviceportal-CSS-Überschreibungen zeigt