Formatierung von Web Applications 

Allgemeines

Zur Formatierung von Web Applications (des Formats SAP NetWeaver 7.0) wird das SAP-eigene Unified Rendering Framework genutzt. Das Unified Rendering Framework wird im SAP NetWeaver Portal und Web Dynpro eingesetzt; es ermöglicht die gleichzeitige Unterstützung mehrerer Web Browser. Siehe Creating First-Class User Interfaces.

Web Applications des Formats SAP BW 3.5 werden mit Hilfe von Cascading Stylesheets (CSS) formatiert. Die einzelnen HTML-Elemente der Web Application haben eine dezidierte BW-Styleklasse, die im Stylesheet definiert ist. Eine Styleklasse enthält Informationen über die Hintergrundfarbe, Schriftart, Schriftgröße, Schriftfarbe, Rahmen, Abstände, etc. Weitere Informationen hierzu finden Sie unter der Internetadresse help.sap.com/nw04  ® SAP NetWeaver ® Information Integration ® SAP Business Information Warehouse ® BI Suite: Business Explorer ® BEx Web  ® Web Application Design: BEx Web Application Designer  ® BW Stylesheet und Druck-Stylesheet.

Die Anpassung der Formatierung von Web Applications innerhalb des Unified Rendering Frameworks erfolgt über den Motiveditors des Portals. Der Motiveditor dient der Erstellung von Motiven. Die Motive bestimmen das optische Erscheinungsbild der Benutzeroberflächenelemente eines Portal-Desktops hinsichtlich der Bedienelemente, Schriftgrösse, Farben und Kontraste.

Die komponentenspezifischen Formate BI-Web-Reports 2.0 und BI-Web-Reports 3.0 im Motiveditor werden nur für BEx Web Applications aus SAP BW 2.x und 3.x genutzt.

Innerhalb des Unified Rendering Frameworks werden zwar ebenfalls Stylesheets verwendet, diese werden jedoch vom Motiveditor erzeugt und können nicht manuell geändert werden. Eine Anpassung der Formatierung von Web Applications durch Stylesheets ist somit im Unified Rendering Framework nicht möglich. Mit Hilfe des Motiveditors können jedoch Styleklassen geändert werden. Dazu werden die Informationen der Formatierung wie zum Beispiel Hintergrundfarbe, Schriftart, etc., die jede für sich eine Styleklasse repräsentieren, einzeln in verschiedenen Bereichen des Motiveditors geändert.

Verwendung der Styleklassen in und vor SAP NetWeaver 7.0

In SAP NetWeaver 7.0

Das Aussehen eines HTML-Elementes wird nicht mehr durch eine einzelne Styleklasse beschrieben, sondern durch mehrere Styleklassen zusammen:

<td class=“urText, urBackground, urBorder“>

Hier beschreiben mehrere Styleklassen das Aussehen der Tabellenzelle in einer Web Application. Text, Background und Border sind auf einzelne Klassen verteilt und werden im Tag vereint. Die Styleklassen können nicht direkt geändert werden, sondern nur mithilfe des Motiveditors.

Vor SAP NetWeaver 7.0

<td class=“SAPBExStdItem“>

Die (einzelne) Styleklasse SAPBExStdItem beschreibt das Aussehen einer Tabellenzelle in einer Web Application. Die semantischen Informationen sind somit in einer Styleklasse vereint.

Motiveditor des Portals

Mit Hilfe des Motiveditors können Sie auf einfache und komfortable Weise ein Corporate Design über verschiedene Anwendungen hinweg erstellen und einführen. Die folgenden Punkte geben Ihnen einen Überblick über den Motiveditor:

●      Der Motiveditor ist anwendungsübergreifend und somit ein Werkzeug für alle Portalanwendungen.

●      Der Motiveditor ist ein komfortables Werkzeug zum Editieren von Styles. Das Editieren mit externen Werkzeugen und Texteditoren entfällt. Der Editor enthält eine Vorschau, die Auswirkungen von Änderungen unmittelbar anzeigt. Wenn man den Mauszeiger über die Bezeichnung der Formate bewegt, wird der entsprechende Bereich in der Vorschau hervorgehoben.

●      Der Motiveditor generiert automatisch Stylesheets. Die Stylesheets dürfen nicht geändert werden, weil eventuell vorgenommene manuelle Änderungen mit der nächsten Änderung im Motiveditor überschrieben werden.

●      Mithilfe des Motiveditors können Sie einzelne Formate wie Schriftart, Farbe oder Hintergrundfarbe definieren, nicht jedoch direkt einzelne Styleklassen. Ein oder mehrere dieser Formate werden vom Motiveditor genutzt, um eine Styleklasse zu generieren. Ein oder mehrere Styleklassen werden wiederum dazu verwendet, das Aussehen eines HTML-Elementes festzulegen.

Mithilfe des Motiveditors kann das Format Schriftart für alle Elemente gesetzt werden. Somit entfällt die Pflege der Schriftart in mehreren Klassen. Andererseits ist es nicht möglich, unterschiedliche Schriftarten für verschiedene Elemente zu setzen.

Motive in BEx Web Applications

Motive bestimmen die Farben und das Aussehen des Portal-Desktops. BI-Inhalte und somit auch BEx Web Applications werden im Portal immer mit dem aktuellen Motiv des Benutzers angezeigt. Web Applications werden mit Hilfe von Web Items erstellt, die Unified-Rendering-Elemente verwenden. Die Formatierung dieser Elemente, die auch im Portal eingesetzt werden, erfolgt mit Hilfe des Motiveditors. Auf diese Weise können Sie z.B. die Formatierung der Web Items Button-Group, Link und Analyse über die Auswahl der entsprechenden Elemente Button bzw. Link bzw. Tabelle im linken Bereich des Motiveditors vornehmen.

Beachten Sie folgende Punkte für die Formatierung von Web Applications mit Hilfe des Motiveditors:

■       Eigene Formatierungen für bestimmte Tabellenzellen können Sie mit Hilfe des Web Items Report abbilden.

■       Mit dem Motiveditor ist es nicht möglich, unterschiedliche Styles für verschiedene Web Applications zu setzen, weil für einen Benutzer immer nur ein Motiv aktiv sein kann.

Für BEx Web Applications aus SAP NetWeaver 7.0 werden die Formate des Portals verwendet. Das Aussehen der Web Items wird von verschiedenen Formaten bestimmt so z.B. vom komplexen Element Tabelle oder vom einfachen Element Drucktasten.

Eine Beschreibung, wie Sie Portalmotive für Web Applications anpassen und nutzen können, finden Sie unter Anpassung und Zuordnung von Portalmotiven für SAP NetWeaver BI.

Eine Aufstellung der verwendeten Formate in verschiedenen Web Items finden Sie unter Verwendung von Portalmotiven in SAP NetWeaver BI.

Die komponentenspezifischen Formate BI-Web-Reports 2.0 und BI-Web-Reports 3.0 werden nur für BEx Web Applications aus SAP BW 2.x und SAP BW 3.x genutzt.

Weitere Informationen finden Sie unter Portalmotive und Arbeiten mit Portalmotiven.