APNSoft Controls [4.5.2.20]
Menu > Precise Customization

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.

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




2. Submenu customization
   
   XML Structure:

   <item title="..." CSS_SubMenuDIV="MyClassSubmenu">
       ...
   </item>
   

   
   CSS Style:

   /*Submenu: DIV*/
   .MyClassSubmenu
   {...}
   




3. Separator customization
   
   XML Structure:

   <separator CSS_SeparatorTD="MyClassSeparator" />
   

   
   CSS Style:

   /*Separator: TD*/
   .MyClassSeparator
   {...}