Developing and Deploying Siebel Business Applications > Modifying the Look and Feel of the Web Client >

Modifying the Screen Bar and View Bar Colors

The screenbar and viewbar are the frames that hold the screen tabs and the show drop-down list. For an example, see Figure 33. These frames contain color elements, which are controlled using the cascading style sheet. Additionally, in the case of customer and partner applications, the background color of the screen bar frame is controlled using a graphic image.

The NREC requirement is to modify the background color for the screenbar and viewbar to match the background of the other user interface elements that were defined for the banner frame.

The image that controls the screenbar background is:

dccscrnbar_back.gif. Controls the background color of the screen bar frame (first-level navigation tabs.) This image is a tiling background used to make sure that the backgrounds display well in both Internet Explorer and Netscape browsers. It is only used for customer and partner applications. Open this image and modify color accordingly.

The selectors that control the viewbar background are:

• Tier2On. Controls the background color of the view bar frame (second-level navigation).
• Tier2Rule. Controls the background color of the view bar frame (second-level navigation).

To modify screenbar and viewbar style

1. Navigate to the client_root\PUBLIC\language_code\FILES directory and then open the file dCCmain.css.

   The dCCmain.css file is the cascading style sheet for Siebel Employee Applications.

2. Locate the tier2 selectors and then modify the value for the background color as shown below:

   .tier2Back   {background-color:#BDD3FF; }

   TD.tier2Rule   {background-color:#003366; }

   TR.tier2On, TD.tier2On,
   TD.tier2OnNormal
      font-size: 9pt;
      color:#000000;
      text-decoration:none;
      background-color: #BDD3FF;
      font-weight:bold; }

3. Save the dCCmain.css file, clear the browser cache, and then open the application.

   The background color on the screenbar and viewbar reflects your changes, as shown in the following illustration.