Bookshelf Home | Contents | Index | Search | PDF |
Developing and Deploying Siebel eBusiness Applications > Modifying the Look and Feel of the Web Client >
Modifying Applet Colors
There are three major applet styles in your Siebel application: Parent, Child, and Grandchild. The applet styles define the color of the tab that appears at the top of the applet and the color of the control bar where applet-level menus and buttons appear. In the cascading style sheet, the selectors for each applet style are:
- AppletStyle1. The selector for parent applet style.
- AppletStyle3. The selector for child applet style.
- AppletStyle7. The selector for grandchild applet style.
Each applet style is defined by sub-elements To modify the appearance of each applet style, you modify the definitions for the following sub-elements:
- AppletButtons. The bar where applet buttons appear.
- AppletBorder. The border around the content of the applet.
- AppletBack. The background color of the applet content.
- AppletTitle. The area where the applet title appears.
To modify the applet color scheme
- Open
dCCmain.css
.- Locate the following selectors for parent style applets and modify the attributes as shown.
- Locate the following child applet selectors and modify the attributes as shown in the table.
Selector CSS Attribute Modified ValueAppletStyle3 AppletButtons
Background-color
#BDD3FF
AppletStyle3 AppletBorder
Background-color
#BDD3FF
AppletStyle3 AppletTitle
Background-color
#BDD3FF
- Locate the following grandchild applet selectors and modify the values for the subelements as shown.
- Save your changes and move the file to your test machine.
The background color scheme on parent and child applets reflects the changes.
Figure 28 shows the modified applet color scheme.
Bookshelf Home | Contents | Index | Search | PDF |
Developing and Deploying Siebel eBusiness Applications Published: 18 April 2003 |