 | Overview |
 | Features |
 | Reference Book |
 | Live Demos |
|  | Populating with Data |
|  | Appearance |
|  | Behavior |
|  | Programming |
|  | Application scenarios |
| |  | 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
{...}
|