Hi Doug,

I am not sure if I got your question exactly. Our menu is very powerful supports many many customization options, two of which might be most important to you:

1. The appearance of the top level menu, sub menu, each menu items are completely customizable. You can specify different color, border, background, etc;
2. Menu item text can be any HTML. For example, you can set a menu item's text to <strong>some text</string> to display bold text, you can even display other HTML elements, such as checkbox in the menu item;

The built-in templates are just a few examples of what you can do with these customization options, you can start your menu from a built-in template, then modify it or start a new menu from scratch. The purpose of the built-in template is to help you start off quickly for one, and also help you to understand how all those customization options can be used. This following help topic also explained how customization options are used in several built-in templates:

EO.Web Controls -> EO.Web Menu -> Using EO.Web Menu

Once you know how they are used, you can use it to realize your own design.

You can find details about all these customization options in the documentation. An online version can be found here:

EO.Web Controls -> EO.Web Menu -> Understanding built-in styles

You can view the documentation online at here:

http://www.essentialobjects.com/ViewDoc.aspx

The same contents are also available in a .chm file and it is installed on your local machine when you install our product. It's faster and easier to use than the online version.

Please feel free to let us know if you have any more question.

Thanks

Hi Doug,

They will work just fine --- details explained below.

There are two ways to use images. The first way is to use a fixed HTML and different styles. For example, you can specify the menu item text as

<img src="some_img.gif" />

You would then specify different styles for each state, for example, normal style with no borders, hover style with blue borders, etc. At runtime, the menu put your HTML inside a "menu item container", styles for different states are then applied on that container. So all those will work just fine, Note the image itself does not change when you use it this way.

A second approach to use images are, instead of setting the menu item's Text.Html, you would set the menu item's Image property. MenuItem.Image has a number of child properties you can set, for example:

item.Image.Url = "1.gif";
item.Image.HoverUrl = "2.gif";
item.Image.DisabledUrl = "3.gif";

You can do this from Menu Builder or from code. The above sample is from code.

This way you specify different images for different state. For example, if you want the image to be green when the item is enabled, but gray when the item is disabled, you would most likely use this approach because the first approach does not change the image itself (it changes styles on the container that holds the image).

Let us know if you have any more questions.

Thanks