Left Navigation Area Elements

The following elements of the Navigation area can be customized:

 

  1. Background
  2. Navigation section header background
  3. Navigation section header
  4. Navigation section area
  5. "Powered by" logotype image
  6. Selected navigation item
  7. Expand/collapse navigation section
  8. Navigation item
  9. Context help

 

 

Table 4. Left navigation area customizable elements

UI element

File

Code sample

Background

style.css

.sb-leftmenu
{
    background-color: #6e89dd;

}

Logotype image

style.css

.sb-leftmenu-panel-header
{
    background-image: url(images\panel_header_bg.gif);
    top right;
    background-repeat: no-repeat;
    background-color: #ffffff;
    padding-right: 5px;
    padding-left: 10px;
    width: 99%;
    font-weight: bold;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    color: #215dc6;
    font-size: 11px;

}

Navigation section header

style.css

.sb-leftmenu-panel-header-text {
color:#215DC6;
font-family: Tahoma,Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:bold;
}

Expand/collapse navigation section

images\hide.gif, images\show.gif

 

Navigation section area

style.css

.sb-leftmenu-panel-content {
background-color:#D6DFF7;
background-image:url(images\white_pixel.gif);
background-position:left top;
background-repeat:repeat-y;

}

Navigation item

style.css

.sb-leftmenu-text { color:#215DC6;
font-family:Tahoma,Arial,Helvetica,sans-serif;
font-size:11px;
text-decoration:underline;
white-space:nowrap;

}

Selected navigation item

style.css

.sb-leftmenu-text-active {
background-color:#3878BF;
color:#FFFFFF;
font-family:Tahoma,Arial,Helvetica,sans-serif;
font-size:11px;
padding:2px 3px;
text-decoration:none;
white-space:nowrap; }

Context help

style.css

.sb-short-help {
color:#474747;
font-family:Tahoma,Arial,Helvetica,sans-serif;
font-size:11px;

}

'Powered by' logotype image and text

style.css, images\swsoft_logo_small.gif

.sb-leftmenu-copyright td
{
    color: #bcc9f0;
    font-size: 10px;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    text-decoration: none;
    height: 100%;
    vertical-align: middle;
    padding: 0 0 5 0;

}