![](/Skins/Menu_Side/LineTop.gif) | Overview |
![](/Skins/Menu_Side/LineMiddle.gif) | Features |
![](/Skins/Menu_Side/Collapse.gif) | Reference Book |
![](/Skins/Menu_Side/Expand.gif) | Live Demos |
| ![](/Skins/Menu_Side/Expand.gif) | Populating with Data |
| ![](/Skins/Menu_Side/Expand.gif) | Appearance |
| ![](/Skins/Menu_Side/Expand.gif) | Behavior |
| ![](/Skins/Menu_Side/Expand.gif) | Programming |
| ![](/Skins/Menu_Side/Expand.gif) | Application scenarios |
| | ![](/Skins/Menu_Side/LineBottom.gif) | Update Panel |
|
Each single Item, Submenu or Separator can be customized separately by using additional user-defined classes in the Skin's CSS Style. To apply a custom CSS class to the element, you use special attributes in XML Structure.
- Item customization
XML Structure:
<item title="..."
CSS_ItemTD="MyClass"
CSS_ItemHoveredTD="MyClassHovered"
CSS_ItemSelectedTD="MyClassSelected"
/>
CSS Style:
/*Item TD*/
.MyClass
{...}
/*Item TD (Hovered)*/
.MyClassHovered
{...}
/*Item TD (Selected)*/
.MyClassSelected
{...}
- Submenu customization
XML Structure:
<item title="..." CSS_SubMenuDIV="MyClassSubmenu">
...
</item>
CSS Style:
/*Submenu: DIV*/
.MyClassSubmenu
{...}
- Separator customization
XML Structure:
<separator CSS_SeparatorTD="MyClassSeparator" />
CSS Style:
/*Separator: TD*/
.MyClassSeparator
{...}
|