| 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
{...}
|