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
Custom Item

Apply to

Menu, SlideMenu, TabStrip, TreeView

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:

Custom navigation item

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

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 CustomItem icon 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:

    Set CustomItemID property

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:

ASPX
<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.