
In the standard system all UI elements available in the View Designer are based on a special SAP stylesheet to ensure a consistent appearance across applications.
Stylesheets Without Portal Integration
Since SAP delivers multiple stylesheets, you can switch between them. You can use the WDTHEMEROOT application parameter in any Web Dynpro application to do this. The possible values are listed in Application Parameters and URL Parameters.
Stylesheets for Portal Integration
The version of your AS ABAP system must correspond to the portal version to ensure no problems occur with the stylesheets.
With portal integration the system first checks that the portal has transferred a specification for the stylesheet. If the WDFORCEEXTERNALSTYLESHEET application parameter is set, the specified portal stylesheet is used. If, on the other hand, the WDFORCEEXTERNALSTYLESHEET application parameter is not set, the versions of the stylesheets are compared. If the version of the portal stylesheet is newer or the same as the stylesheet in the SAP system, the portal stylesheet is used. All four digits of the version number of each stylesheet are compared. For example, the version is 7.0.0.0 or 7.1.3.0. If the version of the portal stylesheet does not match the stylesheet in the SAP system, that is, the portal stylesheet is older, then the stylesheet specified in the WDTHEMEROOT application parameter is used. If no stylesheet is specified here, the default stylesheet is used.
Customer Stylesheets
You can create your own stylesheets or copy stylesheets delivered by SAP and modify them in line with your customer branding. The following tool is provided:
Portal style editor
Create your stylesheet using the portal style editor and pass the name of your new stylesheet using the sap-cssurl SAP URL parameter.
Global Definition of Stylesheets for All Applications
You can also specify globally for all Web Dynpro ABAP applications of a client that a different stylesheet to the standard one is to be used. To do this, run the WD_GLOBAL_SETTING Web Dynpro ABAP application, select change mode, and enter the required stylesheet for all applications in Stylesheet URI.
More information: SAP Note 1277000
Stylesheets
Determing the correct style sheet takes place according to the following schema: