UI-Branding im Webbenutzerschnittstellen-Framework

Im Webbenutzerschnittstellen-Framework können Sie das UI-Branding ändern und den eigenen Markennamen (einschließlich Firmenlogo) verwenden. Darstellung und Funktionsweise werden mit den Ext JS-Plug-ins angepasst.

Sie können auch das Motiv und andere Elemente ändern. Ein Anwendungsbeispiel lässt sich in die beiden folgenden Abschnitte unterteilen:
  • Themen
  • Orientierung

Themen

Für alle Motive, die im Webbenutzerschnittstellen-Framework zum Einsatz kommen, werden CSS-Dateien verwendet, die wie folgt überschrieben werden können:

  • Fügen Sie die überschriebenen Einträge in ein Verzeichnis ein. Eine angepasste CSS-Datei kann an jedem beliebigen Speicherort eingefügt werden.

    Verwenden Sie das IncludeCSS-Tag, um die CSS-Datei zu überschreiben. Beim IncludeCSS-Tag wird eine länderspezifische Angabe unterstützt. Verwenden Sie die lokalisierte CSS-Datei für die entsprechende Ländereinstellung. Die lokalisierte Datei kann dann zum Überschreiben der CSS-Datei verwendet werden.

    Beispiel:
    <scuitag:includeCSS path="/sfs/resources/default/css/sfs-core.css" />
  • Verwenden Sie die Post-Authentifizierungs-Implementierung (ISCUIPostAuthenticationProvider).

Orientierung

Das folgende Layoutbeispiel kann als Ausgangspunkt für eine Anwendung verwendet werden. Sie können zwar Ihr eigenes angepasstes Layout entwerfen, doch ist die folgende Layoutstruktur empfehlenswert.

Das Anzeigenlayout gliedert sich in fünf unterschiedliche Abschnitte (siehe Abbildung).

Beispielbildschirm für ein Managementsystem für Fluggesellschaften mit fünf Teilen
Tabelle 1. Anzeigenlayout
Abschnitt des Anzeigenlayoutschemas Teil des Anzeigenlayouts Beschreibung
A Header Enthält den Anwendungsnamen, das Firmenlogo, statische Links, Informationen zum angemeldeten Benutzer und ein Hintergrundbild.
B Menü Das Webbenutzerschnittstellen-Framework bietet die Möglichkeit, ein Menü in eine Anzeige zu integrieren. Benutzer können eine JavaScript -Funktion aufrufen, indem sie die ID des HTML-Elements übergeben, in dem das Menü wiedergegeben werden soll. Die Menüeinträge werden aus der getUserHierarchy-API für den angemeldeten Benutzer abgerufen.
C Seitenkopfzeile Besteht aus dem Seitentitel und einem oder mehreren Fenstern.
D Seite oder Anzeige Besteht aus einem oder mehreren Fenstern.
E Fußzeile Besteht aus statischen Links und Copyrightvermerk.