Table of Contents
  • Getting Started
  • EO.Pdf
  • EO.Web
    • Overview
    • Installation & Deployement
    • EO.Web ToolTip
    • EO.Web Rating
    • EO.Web Slider & RangeSlider
    • EO.Web ListBox
    • EO.Web ComboBox
    • EO.Web Captcha
    • EO.Web ASPX To PDF
    • EO.Web Slide
    • EO.Web Flyout
    • EO.Web EditableLabel
    • EO.Web ImageZoom
    • EO.Web Floater
    • EO.Web Downloader
    • EO.Web ColorPicker
    • EO.Web HTML Editor
    • EO.Web File Explorer
    • EO.Web SpellChecker
    • EO.Web Grid
    • EO.Web MaskedEdit
    • EO.Web Splitter
    • EO.Web Menu
    • EO.Web Slide Menu
    • EO.Web TabStrip
    • EO.Web TreeView
    • EO.Web Calendar
    • EO.Web Callback
    • EO.Web MultiPage
    • EO.Web Dialog
    • EO.Web AJAXUploader
    • EO.Web ProgressBar - Free!
    • EO.Web ToolBar - Free!
  • EO.WebBrowser
  • EO.Wpf
  • Common Topics
  • Reference
Table of Contents
How WindowsXP_Blue skin (SlideMenu) is created
This following table lists properties used by the built-in WindowsXP_Blue slide menu skin.
Property Value Remarks
The following properties apply on the SlideMenu.
SlidePaneHeight 130 Specifies the height of the sliding pane. If you have more items in each pane, increase this value accordingly.
Width 195 The width of the menu.

The following properties apply on the _TopGroup look. The _TopGroup look is used to control the appearance of the top menu group's border, background, font, etc.

  • To access the _TopGroup look item in code, use Menu.ItemLooks.TopGroup
  • To modify the _TopGroup look with Menu Builder, start Menu Builder, select the _TopGroup look item, then edit its properties in the property grid;
SubMenu.CssText padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
font-weight: bold;
font-size: 11px;
font-family: tahoma;
background-color: #6b7dde
cursor: hand; 		Specifies padding, font, background and cursor for the top menu group.
SubMenu.ItemSpacing 15 15 pixels between each sliding panes.
SubMenu.LeftIconCellWidth 13 13 pixels reserved on the left side of each item.

The following properties apply on the _TopLevelItem look. The _TopLevelItem look is automatically applied to all top level items whose LookID is the default value Auto.

  • To access the _TopLevelItem look item in code, use Menu.ItemLooks.TopLevelItem
  • To modify the _TopLevelItem look with Menu Builder, start Menu Builder, select the _TopLevelItem look item, then edit its properties in the property grid;

For a slide menu, the top level items are the parent item of each sliding pane.
NormalStyle.CssText background-image:url(\"00000001\");
color:#215DC6;

Specifies the color and the background image of the item in Normal state.

"00000001" is the ID of the following built-in image:
HoverStyle.CssText background-image:url(\"00000002\");
color:#428EFF;

Specifies the color and the background image of the item in Hover state.

"00000002" is the ID of the following built-in image:
SelectedStyle.CssText background-image:url(\"00000003\");
color:#215DC6;

Specifies the color and the background image of the item in Selected state.

"00000003" is the ID of the following built-in image:

For slide menu, navigation item switches to Selected state when the slide pane expands.
SubMenu.Style.CssText padding-left: 13px;
padding-right: 2px;
padding-top: 9px;
padding-bottom: 9px;
border-left: white 1px solid;
border-right: white 1px solid;
border-bottom: white 1px solid;
font-size: 11px;
color: #215dc6;
font-family: tahoma;
background-color: #d6dff7
cursor: hand; 		Specifies the sliding pane's padding, font, color, background color and border.
Height 25 The height of each top level navigation item is 25 pixels.
SubMenu.LeftIconCellWidth 19 Reserves some space on the left side of each navigation item in the sliding pane.
SubMenu.ItemSpacing 5 5 pixels between each navigation item in the sliding pane.

The following properties apply on the _Default look. The _Default look is automatically applied to all sub menu items whose LookID is the default value Auto.

  • To access the _Default look item in code, use BaseMenu.ItemLooks.Default
  • To modify the _Default look with Menu Builder, start Menu Builder, select the _Default look item, then edit its properties in the property grid;

Note the font of the sub items are specified on _TopLevelItem.SubMenu.Style.CssText.
NormalStyle.CssText color:#215dc6; Specifies the text color when navigation item is in Normal state.
HoverStyle.CssText color: #428eff;
text-decoration: underline 		Specifies the text color when navigation item is in Hover state.

The following properties apply on individual items instead of a look item.

LeftIcon.Url ID of one of the built-in images Specifies the navigation item icon Url.