Style Sheets in Web Dynpro ABAP
In the standard system all UI elements available in the View Designer are based on a special SAP style sheet to ensure a consistent appearance across applications. At present, this style sheet is sap_tradeshow.
Style Sheets Without Portal Integration
Since SAP delivers multiple style sheets, you can switch between them. To switch style sheet the WDTHEMEROOT application parameter is provided in each Web Dynpro ABAP application. The possible valuse are listed in URL Parameters and Application Parameters.
You can also specify globally for all Web Dynpro ABAP applications that a different style sheet to the standard one is to be used. To do this run the Web Dynpro ABAP application WD_GLOBAL_SETTING, select the change mode and enter the required style sheet for all applications in wdThemeRoot.
Style Sheets for Portal Integration
You can create your
own style sheets, or you can copy those delivered by SAP, and change your
customer branding accordingly by using the portal style editor and
transferring the name of the style sheet in the SAP URL parameter sap-cssurl.
You can find information about the portal style editor in
Customer Branding and
Style Editor.
The version of your AS ABAP system must correspond to the portal version to ensure no problems occur with the style sheets.
With Portal Integration the system first checks that the portal has transferred a specification for the style sheet. If the application parameter WDFORCEEXTERNALSTYLESHEET is set, the specified portal style sheet is used. If, on the other hand, the application parameter WDFORCEEXTERNALSTYLESHEET is not set, the versions of the style sheets are compared. If the version of the portal style sheet is newer or the same as the style sheet in the SAP system, the portal style sheet is used. All four digits of the version number of each style sheet are compared. For example, the version is 7.0.0.0 or 7.1.3.0. If the version of the portal style sheet does not match the style sheet in the SAP system, that is, the portal style sheet is older, then the style sheet specified in application parameter WDTHEMEROOT is used. If no style sheet is specified here, sap_tradeshow is used.