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

Modifying Tab Images


Tab background and shape are constructed from three separate images, as shown in Figure 34. NREC's requirement is to modify the default images so that the corners are squared instead of rounded, as shown in Figure 35. This task is typically done by a graphic designer.

Figure 34. Graphic Elements of Tabs

Click for full size image

Tabs support two states: on and off. You must design graphics for both states. There are two sets of tab images to modify. One set of images is for the first-level navigation tabs across the top of a page. The other set of images is for the third-level navigation tabs that appear across the middle of a page. The on state of tabs is controlled by one set of images for employee applications and another set of images for customer and partner applications. Because NREC is modifying the Partner Portal application, the images to modify for the on state are the ones that begin with "dcctb..." See Table 10.

All of the tab images are located in root_directory\PUBLIC\language_code\IMAGES. The root_directory is the installation directory of your application and language_code is the three letter code for the language of the installed software.

Table 10. Tab Images to Modify
Navigation
On State
(Employee Apps)
On State
(Customer and Partner Apps)
Off State
(Employee, Customer, and Partner Apps)
First-level navigation tabs
tb1_mid_1.gif
dcctb1_mid_1.gif
tb1_mid_0.gif
tb1_opn_1_d.gif
dcctb1_opn1_d.gif
tb1_opn_0_d.gif
tb1_cls_1_d.gif
dcctb1_cls_1_d.gif
tb1_cls_0_d.gif
Second-level navigation tabs
tb2_mid_1.gif
dcctb2_mid_1.gif
tb2_mid_0.gif
tb2_opn_1_d.gif
dcctb2_opn_1_d.gif
tb2_opn_0_d.gif
tb2_cls_1_d.gif
dcctb2_cls_1_d.gif
tb2_cls_0_d.gif

NOTE:  The _d suffix signifies that an image encodes directionality. If you plan to deploy an application in any of the right-to-left (RTL) languages, such as Hebrew, you will also need to create mirrored copies of these images and place them in the RTL language directories.

To modify default tabs

For example, assume that a graphic designer for NREC modified the images that make up tabs, as shown in Figure 36.

Figure 35. Modified Tab Images

Click for full size image


 Developing and Deploying Siebel eBusiness Applications 
 Published: 18 April 2003