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
Navigation Item States

Apply to

Menu, SlideMenu, TabStrip

Overview

A navigation item can be in one of the following states:

State Remarks
Normal Normal state.
Hover When mouse moves over an item.
Expanded When an item's submenu (or subgroup) is displayed.
Selected When an item's Selected property is true.
SelectedHover When an item's Selected property is true and mouse is positioned over the item.
SelectedExpanded When an item's Selected property is true and the item's submenu (or subgroup) is displayed.
Disabled When an item's Disabled property is true.

Styles for Different States

Styles are used to control item's appearance, such as color, font, background, border, etc. You can specify different styles for different states.

Tip: NormalStyle and HoverStyle are basic styles. The control is smart enough to decide which style to apply if the corresponding style is not defined for that state.

See navigation item styles for more details.

Images for Different States

EO.Web navigation controls support using different images for different states.

Image properties include:

Above properties are type of MenuItemImages object, which defines a set of URLs when item is in different states. For example, use Url property to specifies image's url for Normal state, using HoverUrl to specify for Hover state.

No need to provide URLs for every states.

Built-in smart logic to determine which style to apply

EO.Web navigation controls have built-in logic to apply the closest style if the corresponding style for the state is not provided:

If settings for this state is not specified Settings on this state will be used
Hover Normal
Expanded first Hover, then Normal
Selected first Hover, then Normal
SelectedHover first Selected, Hover, then Normal
SelectedExanded first Selected, Expanded, Hover, then Normal
Disabled Normal

Tip: Always try to use look item to specify styles.