CSS-Klassen für Web-Interfaces modifizieren (altes Design) 

Verwendung

Wenn Sie über entsprechende Kenntnisse in den relevanten Technologien (CSS und HTML) verfügen, können Sie die CSS-Klassen modifizieren, um die Gestaltung der vom Web Interface Builder generierten Business Server Pages Ihren Bedürfnissen anzupassen..

Voraussetzungen

Auf Ihrem Client-PC ist eine Anwendung für die Bearbeitung von Cascading Stylesheets registriert (Dateinamenserweiterung .CSS). Falls Sie über keinen speziellen Editor verfügen, eignet sich hierfür auch ein einfacher Texteditor.

Vorgehensweise

CSS-Klassen bearbeiten

...

       1.      Wählen Sie im Web Interface Builder  (Springen → MIME-Objekte). Sie gelangen auf das Dialogfenster MIME Repository Browser, in dem die MIME-Objekte aufgelistet sind, die dem Web-Interface bereits zugeordnet wurden.

       2.      Wählen Sie CSS-Template importieren. Das System erzeugt eine Kopie des vordefinierten Stylesheets (custom.css) und fügt der Liste der MIME-Objekte einen Eintrag hinzu.

       3.      Markieren Sie den neuen Listeneintrag, und wählen Sie  Bearbeiten. Das System startet die Anwendung, die auf dem Client-PC zur Bearbeitung von Cascading Stylesheets registriert ist.

       4.      Kommentieren Sie nur diejenigen Klassen aus, die Sie modifizieren möchten. Nehmen Sie die gewünschten Änderungen vor, und sichern Sie Ihre Änderungen. Das System übernimmt Ihre Änderungen automatisch als neue aktive Version des Stylesheets.

Weitere Informationen finden Sie unter CSS-Klassen für Web-Interfaces (altes Design).

Geänderte CSS-Klassen wiederverwenden

Änderungen an den ausgelieferten CSS-Klassen beziehen sich zunächst nur auf das Web-Interface, das Sie gerade bearbeiten. Alle übrigen Web-Interfaces sind von den Änderungen nicht betroffen. Sie können ein geändertes Stylesheet jedoch anderen Web-Interfaces zuordnen, so dass die an zentraler Stelle vorgenommenen Änderungen sich auf alle zugeordneten Web-Interfaces auswirken. Gehen Sie hierzu folgendermaßen vor:

...

       1.      Öffnen Sie im Web Interface Builder ein Web-Interface zur Bearbeitung, dem Sie ein Stylesheet eines anderen Web-Interfaces (Master-Interface) zuordnen möchten.

       2.      Mit Doppelklick auf ein Element vom Typ Seite zeigt das System die Liste der Eigenschaften der Seite und deren Werte an.

       3.      Wählen Sie für die Eigenschaft Zusätzliche CSS-Datei in der Spalte Wert einer Eigenschaft die Wertehilfe (F4). Sie gelangen auf das Dialogfenster MIME Repository Browser, in dem die MIME-Objekte aufgelistet sind, die dem Web-Interface bereits zugeordnet wurden.

       4.      Wählen Sie Andere Ordner. Das System zeigt eine Liste der im System vorhandenen Web-Interfaces an.

       5.      Wählen Sie das Master-Interface aus, dessen Stylesheet Sie dem aktuellen Web-Interface zuordnen möchten. Das System zeigt jetzt im MIME Repository Browser die MIME-Objekte des von Ihnen angegebenen Web-Interfaces an.

       6.      Wählen Sie den Listeneintrag aus, der das Stylesheet des Master-Interface repräsentiert, und bestätigen Sie. Das System ordnet das Stylesheet des Master-Interface dem aktuellen Web-Interface zu.

       7.      Wiederholen Sie die vorigen Schritte für jede Seite des Web-Interface.

HTML-Stylesheets können immer nur einer einzelnen Seite zugeordnet werden, nicht jedoch einem Web-Interface als Ganzem. Falls Sie die Gestaltung einer Planungsanwendung modifizieren möchten, die mehrere HTML-Seiten umfasst, müssen Sie das gewünschte Stylesheet jeder Seite des Web-Interface einzeln zuordnen.

Beispiel

Um das Aussehen einer Registerkarte zu verändern, müssen Sie folgende CSS-Klassen modifizieren:

●     sapTbsTabSel

●     sapTbsTabBlk

●     sapTbsTab

●     sapTbsLnk

●     sapTbsWhl

Damit die Änderungen wirksam werden, müssen Sie im Stylesheet die entsprechenden Klassen suchen, diese durch Entfernen der Kommentarzeilen aktivieren und dann die gewünschten Eigenschaftswerte einstellen.

Ergebnis

Die Planungsanwendung, die Sie mit dem Web Interface Builder auf der Grundlage des aktuellen Web-Interfaces generieren, verwendet für die grafische Aufbereitung der Seitenelemente die Formatdefinitionen des von Ihnen zugeordneten und modifizierten Stylesheets.