Apply to

Overview

EO.Web navigation controls support nesting ASP.NET web controls in an item by using CustomItem, which is a container that can host any ASP.NET controls, such as TextBox, and HTML. Here is a sample of a MenuItem with a CheckBox as content:

CustomItem displays in the center of the item, when specified, Text property is ignored.

Choose one of the following topics for more information about custom item:

• Regular Custom Item
• Embedded Custom Item - mainly used in data binding

Regular Custom Item

A regular CustomItem works as an independent ASP.NET control, which can be dragged onto a web form and associated with an item by the item's CustomItemID property. To create a regular CustomItem:

1. Drag an EO.Web CustomItem control from toolbox and drop it on a page;
2. Drag several ASP.NET Controls onto the CustomItem control.
3. Create an EO.Web navigation control.
4. Set an navigation item's CustomItemID property to the ID of the CustomItem:

   

You can not use a regular CustomItem to do data binding - use embedded CustomItem instead.

Embedded CustomItem

An "embedded" CustomItem is declared inside the navigation control's HTML tag. For example:

<eo:Menu Runat="server" id="menu1" Width="360px" ControlSkinID="MSDN">
    <TopGroup>
        <Items>
            <eo:MenuItem ItemID="item1">
                <CustomItem>
                    <asp:Button Runat="server" Text="OK" ID="Button1" NAME="Button1"></asp:Button>
                </CustomItem>
            </eo:MenuItem>
        </Items>
    </TopGroup>
</eo:Menu>

Refer to Bind to CustomItem's properties for more details on how to bind data to CustomItem's properties.