Bookshelf Home | Contents | Index | Search | PDF

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

Modifying Link Styles

---

The text that appears on a tab is actually a link. When a user clicks a tab, the link takes them to another page. To modify the style of the link, you change the appropriate style rules defined in the cascading style sheet. In the NREC example, the requirement is for the style of the link to match the color changes implemented on the banner. Because there are two levels of tabs (first-level navigation and third-level navigation) the properties for two selectors need to be modified. The selectors are:

Tier1On. Defines how the links on the first-level tabs look and behave.
Tier3On. Defines how the links on the third-level tabs look and behave.

To modify link style

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

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

Find the following selectors.
Tier1On
Tier3On
Modify the color and background properties for each selector to match the attributed defined for the banner frame.

The changes are shown below:

...

TR.tier1On, TD.tier1On,
TD.tier1on A,
TD.tier1on A:visited,
TD.tier1on A:hover,
{ font-size: 9pt;
color:#003399;
background-color: #BDD3FF;
font-weight:bold;
text-decoration:none;
}

...

TR.tier3On, TD.tier3On,
TD.tier3on A,
TD.tier3on A:visited,
TD.tier3on A:hover
{ font-size: 9pt;
color:#003399;
background-color: #BDD3FF;
font-weight:bold;
text-decoration:none;
}

Save the file.

When you refresh the current page of your application, the changes to the text in the active tabs take effect.

Bookshelf Home | Contents | Index | Search | PDF