New to Telerik UI for ASP.NET AJAXStart a free 30-day trial

CSS Skin File Selectors

The following table lists the CSS selectors and descriptions for RadMenu style sheets.

Class NameElementDescription
RadMenu_[Skin]e.g. RadMenu_ OutlookDIVApplied to the root element of the menu.
RadMenu_[Skin]_rtlDIVApplied to the root element of the menu when it has a right-to-left orientation.
.rmRootGroupULApplied to the first level item container (root item group).
.rmVerticalULApplied to the item container if the item flow is vertical.
.rmHorizontalULApplied to the item container if the item flow is horizontal.
.rmGroupULApplied to each item container except the root level one.
.rmLevel[n]ULApplied to item containers at the respective level. (Does not apply to the root item group.)
.rmItemLIApplied to the LI elements enclosing each item.
.rmFirstLIApplied to the LI element enclosing the first item in a group. Used to customize the appearance of the first item only:.RadMenu_Office2007 .rmGroup . rmFirst .rmLink,.RadMenu_Office2007 .rmGroup . rmFirst .rmTemplate{background: transparent url(Menu/MenuItemBgFirst.gif) no-repeat left bottom;line-height: 58px;}
.rmLastLIApplied to the LI element enclosing the last item in a group. Used to customize the appearance of the last item only:.RadMenu_Office2007 .rmGroup . rmLast .rmLink{background: transparent url(Menu/MenuItemBgLast.gif) no-repeat;line-height: 58px;}
.rmSeparatorLIApplied to the LI element enclosing an item that is a separator ( IsSeparator is True ).
.rmLinkAApplied to the anchors representing each item in its default state.
.rmFocusedAApplied to the item's anchor when it is focused by either the mouse or the keyboard.
.rmClickedAApplied to the item's anchor the user clicks the item.
.rmExpandedAApplied to the item's anchor tag when the item is opened.
.rmDisabledAApplied to the item's anchor when the item is disabled.
.rmLeftArrowAApplied to the left scrolling arrow. Scrolling arrows are dynamically created. Use that CSS class to customize the appearance of the left scrolling arrow (used in horizontal item flow).
.rmRightArrowAApplied to the right scrolling arrow. Scrolling arrows are dynamically created. Use that CSS class to customize the appearance of the right scrolling arrow (used in horizontal item flow).
.rmTopArrowAApplied to the top scrolling arrow. Scrolling arrows are dynamically created. Use that CSS class to customize the appearance of the top scrolling arrow (used in vertical item flow).
.rmBottomArrowAApplied to the bottom scrolling arrow. Scrolling arrows are dynamically created. Use that CSS class to customize the appearance of the bottom scrolling arrow (used in vertical item flow).
.rmLeftArrowDisabledAApplied to the left scrolling arrow if there is no scroll space left.
.rmRightArrowDisabledAApplied to the right scrolling arrow if there is no scroll space left.
.rmTopArrowDisabledAApplied to the top scrolling arrow if there is no scroll space left.
.rmBottomArrowDisabledAApplied to the bottom scrolling arrow if there is no scroll space left.
.rmTextSPANApplied to the SPAN element that encloses an item's text.
.rmExpandLeftSPANApplied to the SPAN element that encloses each item text if the item has child items and will expand to the right . Used to specify the arrow image via the background CSS attribute:.RadMenu_Outlook_rtl . rmExpandLeft ,.RadMenu_Outlook_rtl .rmExpandRight{background:transparent url(Menu/groupImageRTL.gif) left center no-repeat;}
.rmExpandBottomSPANApplied to the SPAN element which encloses each item text if the item has child items and will expand downward. Used to specify the arrow image via the background CSS attribute.
.rmExpandTopSPANApplied to the SPAN element which encloses each item text if the item has child items and will expand upward . Used to specify the arrow image via the background CSS attribute.
.rmExpandRightSPANApplied to the SPAN element that encloses each item text if the item has child items and will expand to the left . Used to specify the arrow image via the background CSS attribute:.RadMenu_Outlook_rtl .rmExpandLeft,.RadMenu_Outlook_rtl . rmExpandRight {background:transparent url(Menu/groupImageRTL.gif) left center no-repeat;}

See Also

In this article
See Also
Not finding the help you need?
Contact Support