<%@ Register TagPrefix="ecd" Namespace="ASPNETExpert.WebControls.DemoControls" Assembly="ASPNETExpert.WebControls.DemoControls" %>
<%@ Register TagPrefix="ecd" TagName="Footer" Src="../../Controls/Footer.ascx"%>
<%@ Register TagPrefix="ecd" TagName="Header" Src="../../Controls/Header.ascx"%>
<%@ Page %>
<%@ Register TagPrefix="ec" Namespace="ASPNETExpert.WebControls" Assembly="ASPNETExpert.WebControls" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<title>ASP.NET Menu : ExpertMenu Demo : Composite Menu Group</title>
<link href="../../style.css" type="text/css" rel="stylesheet">
</HEAD>
<body xmlns:ec="urn:http://aspnetexpert.com/ExpertControls.xsd">
<form id="Form1" method="post" runat="server">
<ecd:Header runat=server ID="Header1"></ecd:Header>
<ec:ExpertMenu runat="server" id="ExpertMenu1" Skin="Office03Blue" EnableViewState="False">
<Looks>
<ec:MenuGroupLook Id="PanelParent" Orientation="Horizontal" />
<ec:MenuGroupLook Id="Panel" Height="25px" Orientation="Horizontal" Background-ImageResourceUrl="Office2003.Blue.PanelBackground.gif" />
<ec:MenuItemImageLook Id="PanelButton" InitLook-Padding-All="1px">
<HoveredLook Border-Style="Solid" Border-Width="1px" Border-Color="Navy" Padding-All="0px" Background-ImageResourceUrl="Office2003.ButtonBackgroundHovered.gif" />
<PushedLook Border-Style="Solid" Border-Width="1px" Border-Color="Navy" Padding-All="0px" Background-ImageResourceUrl="Office2003.ButtonBackgroundPushed.gif" />
</ec:MenuItemImageLook>
<ec:MenuItemImageLook Id="PanelSelectedButton">
<InitLook Border-Style="Solid" Border-Width="1px" Border-Color="Navy" Padding-All="0px" Background-ImageResourceUrl="Office2003.ButtonBackgroundSelected.gif" />
<HoveredLook Border-Style="Solid" Border-Width="1px" Border-Color="Navy" Padding-All="0px" Background-ImageResourceUrl="Office2003.ButtonBackgroundPushed.gif" />
</ec:MenuItemImageLook>
<ec:ImageLook Id="PanelSeparator" ImageResourceUrl="Office2003.Blue.PanelSeparator.gif" Padding-Left="3px" Padding-Right="3px" />
</Looks>
<TopGroup Look-Width="500px" Look-Orientation="Vertical" Look-ExpandOnClick="True">
<Items>
<ec:MenuGroup Look-Base="PanelParent">
<Items>
<ec:MenuSeparator />
<ec:MenuItem Text="File">
<SubMenu>
<Items>
<ec:MenuItem Text="New..." DualIconLook-InitLook-LeftIcon-ImageUrl="../../images/Office2003/icon_new.gif" />
<ec:MenuItem Text="Open..." DualIconLook-InitLook-LeftIcon-ImageUrl="../../images/Office2003/icon_open.gif" />
<ec:MenuSeparator />
<ec:MenuItem Text="Send To">
<SubMenu Look-Base="Null" Look-Orientation="Horizontal" Look-Shadow-Color="#002D96">
<Items>
<ec:MenuGroup Look-Width="220px">
<Items>
<ec:MenuItem Text="Mail Recipient" DualIconLook-InitLook-LeftIcon-ImageUrl="../../images/Office2003/icon_mailRecipient.gif" />
<ec:MenuItem Text="Mail Recipient (for Review)...">
<DualIconLook InitLook-LeftIcon-ImageUrl="../../images/Office2003/icon_mailRecipientReview.gif" />
</ec:MenuItem>
<ec:MenuItem Text="Mail Recipient (As Attachment)...">
<DualIconLook InitLook-LeftIcon-ImageUrl="../../images/Office2003/icon_mailRecipientAttachmnt.gif" />
</ec:MenuItem>
<ec:MenuSeparator />
<ec:MenuItem Text="Microsoft Office PowerPoint...">
<DualIconLook InitLook-LeftIcon-ImageUrl="../../images/Office2003/icon_powerPoint.gif" />
</ec:MenuItem>
</Items>
</ec:MenuGroup>
<ec:MenuGroup Look-Width="220px" Look-Align-Vertical="Top">
<Items>
<ec:MenuItem Text="Routing Recipient..." DualIconLook-InitLook-LeftIcon-ImageUrl="../../images/Office2003/icon_routingRecipient.gif" />
<ec:MenuItem Text="Exchange Folder..." DualIconLook-InitLook-LeftIcon-ImageUrl="../../images/Office2003/icon_exchangeFolder.gif" />
<ec:MenuSeparator />
</Items>
</ec:MenuGroup>
</Items>
</SubMenu>
</ec:MenuItem>
<ec:MenuSeparator />
<ec:MenuItem Text="Save" DualIconLook-InitLook-LeftIcon-ImageUrl="../../images/Office2003/icon_save.gif" />
<ec:MenuItem Text="Save As" />
<ec:MenuItem Text="Save as Web Page" DualIconLook-InitLook-LeftIcon-ImageUrl="../../images/Office2003/icon_saveAsWebPage.gif" />
<ec:MenuItem Text="File Search" DualIconLook-InitLook-LeftIcon-ImageUrl="../../images/Office2003/icon_fileSearch.gif" />
<ec:MenuSeparator />
<ec:MenuItem Text="Page Setup..." />
<ec:MenuItem Text="Print Preview" DualIconLook-InitLook-LeftIcon-ImageUrl="../../images/Office2003/icon_printPreview.gif" />
<ec:MenuItem Text="Print..." DualIconLook-InitLook-LeftIcon-ImageUrl="../../images/Office2003/icon_print.gif" />
<ec:MenuSeparator />
<ec:MenuItem Text="Exit" />
</Items>
</SubMenu>
</ec:MenuItem>
<ec:MenuItem Text="Edit">
<SubMenu>
<Items>
<ec:MenuItem Text="Cut" Enabled="False" DualIconLook-InitLook-LeftIcon-ImageUrl="../../images/Office2003/icon_cut.gif" />
<ec:MenuItem Text="Copy" Enabled="False" DualIconLook-InitLook-LeftIcon-ImageUrl="../../images/Office2003/icon_copy.gif" />
<ec:MenuItem Text="Office Clipboard..." DualIconLook-InitLook-LeftIcon-ImageUrl="../../images/Office2003/icon_clipboard.gif" />
<ec:MenuItem Text="Paste" DualIconLook-InitLook-LeftIcon-ImageUrl="../../images/Office2003/icon_paste.gif" />
<ec:MenuSeparator />
<ec:MenuItem Text="Find..." DualIconLook-InitLook-LeftIcon-ImageUrl="../../images/Office2003/icon_find.gif" />
<ec:MenuItem Text="Clear">
<SubMenu>
<Items>
<ec:MenuItem Text="Formats" />
<ec:MenuItem Text="Contents" />
</Items>
</SubMenu>
</ec:MenuItem>
</Items>
</SubMenu>
</ec:MenuItem>
<ec:MenuItem Text="View">
<SubMenu>
<Items>
<ec:MenuItem Text="Normal" DualIconLook-InitLook-LeftIcon-ImageUrl="../../images/Office2003/icon_normal.gif" />
<ec:MenuItem Text="Web Layout" DualIconLook-InitLook-LeftIcon-ImageUrl="../../images/Office2003/icon_webLayout.gif" />
<ec:MenuItem Text="Reading Layout" DualIconLook-InitLook-LeftIcon-ImageUrl="../../images/Office2003/icon_readingLayout.gif" />
<ec:MenuItem Text="Outline" DualIconLook-InitLook-LeftIcon-ImageUrl="../../images/Office2003/icon_outline.gif" />
<ec:MenuSeparator />
<ec:MenuItem Text="Ruler" IconLook-Base="CheckItem" />
<ec:MenuSeparator />
<ec:MenuItem Text="Document Map" DualIconLook-InitLook-LeftIcon-ImageUrl="../../images/Office2003/icon_documentMap.gif" />
<ec:MenuItem Text="Thumbnails" DualIconLook-InitLook-LeftIcon-ImageUrl="../../images/Office2003/icon_thumbnails.gif" />
<ec:MenuItem Text="Header and Footer" DualIconLook-InitLook-LeftIcon-ImageUrl="../../images/Office2003/icon_headerFooter.gif" />
</Items>
</SubMenu>
</ec:MenuItem>
<ec:MenuItem Text="Format">
<SubMenu>
<Items>
<ec:MenuItem Text="Font..." DualIconLook-InitLook-LeftIcon-ImageUrl="../../images/Office2003/icon_font.gif" />
<ec:MenuItem Text="Paragraph..." DualIconLook-InitLook-LeftIcon-ImageUrl="../../images/Office2003/icon_paragraph.gif" />
<ec:MenuItem Text="Bullets and Numbering..." DualIconLook-InitLook-LeftIcon-ImageUrl="../../images/Office2003/icon_bullets.gif" />
<ec:MenuItem Text="Borders and Shading..." />
<ec:MenuSeparator />
<ec:MenuItem Text="Frames">
<SubMenu>
<Items>
<ec:MenuItem Text="Table of Contents in Frame">
<DualIconLook InitLook-LeftIcon-ImageUrl="../../images/Office2003/icon_tableOfContents.gif" />
</ec:MenuItem>
<ec:MenuItem Text="New Frames Page" />
</Items>
</SubMenu>
</ec:MenuItem>
<ec:MenuItem Text="Auto Format..." DualIconLook-InitLook-LeftIcon-ImageUrl="../../images/Office2003/icon_autoFormat.gif" />
<ec:MenuItem Text="Styles and Formatting...">
<DualIconLook InitLook-LeftIcon-ImageUrl="../../images/Office2003/icon_stylesAndFormatting.gif" />
</ec:MenuItem>
<ec:MenuItem Text="Reveal Formatting..." DualIconLook-InitLook-LeftIcon-ImageUrl="../../images/Office2003/icon_revealFormatting.gif" />
</Items>
</SubMenu>
</ec:MenuItem>
<ec:MenuItem Text="Help">
<SubMenu>
<Items>
<ec:MenuItem Text="Microsoft Office Word Help" DualIconLook-InitLook-LeftIcon-ImageUrl="../../images/Office2003/icon_help.gif" />
<ec:MenuItem Text="Show the Office Assistant" />
<ec:MenuSeparator />
<ec:MenuItem Text="Microsoft Office Online" />
<ec:MenuItem Text="Contact Us" />
<ec:MenuSeparator />
<ec:MenuItem Text="Word Perfect Help" />
<ec:MenuSeparator />
<ec:MenuItem Text="Check for Updates" />
<ec:MenuItem Text="Detect and Repair" />
<ec:MenuItem Text="Activate Product..." />
<ec:MenuItem Text="Customer Feedback Options..." />
<ec:MenuSeparator />
<ec:MenuItem Text="About Microsoft Office Word" />
</Items>
</SubMenu>
</ec:MenuItem>
</Items>
</ec:MenuGroup>
<ec:MenuGroup Look-Base="PanelParent">
<Items>
<ec:MenuGroup Look-Base="Panel">
<Items>
<ec:MenuSeparator />
<ec:MenuItem ToolTip="New Blank Document">
<ImageLook Base="PanelButton" InitLook-ImageUrl="../../images/Office2003/icon_new.gif" />
</ec:MenuItem>
<ec:MenuItem ToolTip="Open" ImageLook-Base="PanelButton" ImageLook-InitLook-ImageUrl="../../images/Office2003/icon_open.gif" />
<ec:MenuItem ToolTip="Save" ImageLook-Base="PanelButton" ImageLook-InitLook-ImageUrl="../../images/Office2003/icon_save.gif" />
<ec:MenuItem ToolTip="Permission (Unrestricted Access)">
<ImageLook Base="PanelButton" InitLook-ImageUrl="../../images/Office2003/icon_permission.gif" />
</ec:MenuItem>
<ec:MenuItem ToolTip="E-mail">
<ImageLook Base="PanelButton" InitLook-ImageUrl="../../images/Office2003/icon_mailRecipient.gif" />
</ec:MenuItem>
<ec:MenuSeparator ImageLook-Base="PanelSeparator" />
<ec:MenuItem ToolTip="Print" ImageLook-Base="PanelButton" ImageLook-InitLook-ImageUrl="../../images/Office2003/icon_print.gif" />
<ec:MenuItem ToolTip="Print Preview">
<ImageLook Base="PanelButton" InitLook-ImageUrl="../../images/Office2003/icon_printPreview.gif" />
</ec:MenuItem>
<ec:MenuSeparator ImageLook-Base="PanelSeparator" />
<ec:MenuItem ToolTip="Spelling and Grammar">
<ImageLook Base="PanelButton" InitLook-ImageUrl="../../images/Office2003/icon_spelling.gif" />
</ec:MenuItem>
<ec:MenuItem ToolTip="Research" ImageLook-Base="PanelButton" ImageLook-InitLook-ImageUrl="../../images/Office2003/icon_research.gif" />
<ec:MenuSeparator ImageLook-Base="PanelSeparator" />
</Items>
</ec:MenuGroup>
</Items>
</ec:MenuGroup>
<ec:MenuGroup Look-Base="PanelParent">
<Items>
<ec:MenuGroup Look-Base="Panel">
<Items>
<ec:MenuSeparator />
<ec:MenuItem ToolTip="Styles And Formatting">
<ImageLook Base="PanelButton" InitLook-ImageUrl="../../images/Office2003/icon_stylesAndFormatting.gif" />
</ec:MenuItem>
<ec:MenuSeparator ImageLook-Base="PanelSeparator" />
<ec:MenuItem ToolTip="Bold" ImageLook-Base="PanelSelectedButton" ImageLook-InitLook-ImageUrl="../../images/Office2003/icon_bold.gif" />
<ec:MenuItem ToolTip="Italic" ImageLook-Base="PanelButton" ImageLook-InitLook-ImageUrl="../../images/Office2003/icon_italic.gif" />
<ec:MenuItem ToolTip="Underline">
<ImageLook Base="PanelButton" InitLook-ImageUrl="../../images/Office2003/icon_underline.gif" />
</ec:MenuItem>
<ec:MenuSeparator ImageLook-Base="PanelSeparator" />
</Items>
</ec:MenuGroup>
</Items>
</ec:MenuGroup>
</Items>
</TopGroup >
</ec:ExpertMenu>
<br>
<ecd:DescriptionView runat="server" IconUrl="../../images/kv.gif" ID="Descriptionview1">
<ecd:Description id="Description1" runat="server">This menu demonstrates one of the unique and power
features available in <B>ExpertMenu</B> : <B>Composite Menu Groups</B>. </ecd:Description>
<ecd:Description id="Description2" runat="server">A menu group in <B>ExpertMenu</B> can contain other
menu groups among its elements along with ordinary menu items and menu separators. </ecd:Description>
<ecd:Description id="Description3" runat="server">This <B>Composite Pattern</B> implementation gives
you a chance to design a menu that is not possible or hard to implement with other menu controls. Note, that
this is a single menu, not a combination of several menus. </ecd:Description>
<ecd:Description id="Description4" runat="server">As this is a single menu, you can easily navigate
across it with keyboard.</ecd:Description>
</ecd:DescriptionView>
<ec:CodeViewTab id="CodeViewTab1" runat="server" ImagesBaseUrl="../../images/tab/">
<ec:TabItem runat="server" Text="aspx">
<pre class="aspcode">
<ecd:SyntaxHighlight runat="server" ContentType="ASPX" OutputFile="default.aspx" />
</pre>
</ec:TabItem>
</ec:CodeViewTab>
<ecd:Footer runat=server ID="Footer1"></ecd:Footer>
</form>
</body>
</HTML>