Style Editor 

Purpose

The Style Editor is a Web-based tool, which allows a designer or administrator to copy and then modify any of our predefined color templates to create a new design. With the Style Editor, an authorized user can change the look-and-feel of the portal without having to be an HTML expert. For example, no knowledge about CSS attribute names is required. Below, you see the entry screen of the Style Editor, where users can select between predefined and customized designs, provided the customer created such.

Design selection screen showing all available color templates

A clearly defined number of styles, such as the background colors, font colors, or images are presented on the user interface. Users can immediately check their changes in the preview area.

The Style Editor creates the CSS files for all platforms and browser versions that SAP Portals supports. Note that style sheets cannot be edited directly. The following example shows the user interface for changing the look of the tabstrip control.

Customizing the tabstrip control

Customer branding with the Style Editor works for central CSS only. Imagine that a customer wants to change the light blue color of the standard design to a light yellow all over the portal content area. If you as a developer defined an area with a light blue background directly in your code, the customer has no chance to change this color. Therefore, use central rendering mechanisms only.