Developing and Deploying Siebel eBusiness 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. See Figure 30. 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 tabs and the banner frame.

The image that controls the screenbar background is:

The selectors that control the viewbar background are:

To modify screenbar and viewbar style

  1. Navigate to the client_root\PUBLIC\language_code\FILES directory and then open the file dCCmain.css.
  2. The file, dCCmain.css, is the cascading style sheet for Siebel Employee Applications.

  3. Locate the tier2 selectors and then modify the value for the background color as shown below:
  4. .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; }

  5. Save the file and then open the application.
  6. The background color on the screenbar and viewbar reflect your changes.

    Click for full size image


 Developing and Deploying Siebel eBusiness Applications 
 Published: 18 April 2003