Table of Contents
Look, Skin & Theme

Apply to

Menu, SlideMenu, TabStrip, TreeView

Overview

EO.Web navigation controls provide full theme support by using skin and look.

Look

Look item is special navigation item which solely purpose is to define common appearance settings for a group of items. Navigation items that use the same look item have the same appearance.

By using a look item, you can easily change the appearance settings for a group of navigation items. Each navigation control contains a collection of look items which define the style of items. Navigation item needs to specify the LookID property to apply the appearance setting defined by the look. If not specified, default look is applied.

Look item can be defined by using design-time Control Builder (e.g, Menu Builder), saved as part of skin, and can be accessed during run time.

Skin

Skin is a collection of appearance settings for a control.

Each EO.Web navigation control provides a few built-in skins. For example, EO.Web Menu includes Office2003 skin that defines Office 2003 style menu. You can create a copy of any predefined skins by using Menu Builder, or you can simply apply the skin to a menu by setting the menu's ControlSkinID.

You can also create custom skins using design-time Builder (e.g, Menu Builder). Custom skins can be saved in a file and loaded later.

Theme

A theme is a collection of appearance settings that allow you to define the appearance of pages and controls and then apply the appearance consistently across pages. In ASP.NET 1.x, theme is usually applied by using different CSS files, which is called CSS style sheet theme. ASP.NET 2.0 introduces "page theme".

EO.Web navigation controls are compatible with both page theme and CSS style sheet theme in both .NET 1.1 and 2.0 platform: Page theme is supported by switching control's Skin; CSS style sheet theme is supported by switching to a different CSS file.

See details in page theme topic.