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.