<%@ Register TagPrefix="ecd" TagName="ColorPicker" Src="../../Controls/ColorPicker.ascx" %>
<%@ 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"%>
<%@ Register TagPrefix="ec" Namespace="ASPNETExpert.WebControls" Assembly="ASPNETExpert.WebControls" %>
<%@ Page %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<title>ASP.NET Menu : ExpertMenu Demo : Look Like Windows Start Menu</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>
<br><br>
<br>
<ecd:DescriptionView runat="server" IconUrl="../../images/kv.gif">
<ecd:Description 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 runat="server" >
A menu group in <b>ExpertMenu</b> can contain other menu groups along with ordinary menu
items and menu separators.
</ecd:Description>
<ecd:Description 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 runat="server" >
As this is a single menu, you can easily navigate across it with keyboard. Press <b>F12</b> and
<b>Enter</b> to activate the menu.
</ecd:Description>
</ecd:DescriptionView>
<br><br><br><br><br>
<ec:ExpertMenu runat="server" id="StartMenu" EnableViewState="false">
<AccessShortcut Key="F12" />
<Looks>
<ec:MenuItemDualIconLook Id="QuickMenuItemLook">
<InitLook Cursor="Default" Padding-All="2px">
<LeftIcon Padding-Left="2px" Width="16px" Height="16px" />
<TextSection ForeColor="#000000" Font-Name="Tahoma,Verdana,Arial" Font-Size="11px" Padding-Left="5px" Padding-Right="45px" Wrap="false" />
</InitLook>
<HoveredLook Background-Color="#1665CB">
<TextSection ForeColor="#FFFFFF" />
</HoveredLook>
</ec:MenuItemDualIconLook>
<ec:MenuItemDualIconLook Id="LeftItem">
<InitLook Height="36px" Cursor="Default">
<LeftIcon Padding-Left="2px" Width="30px" />
<TextSection ForeColor="#000000" Font-Name="Tahoma,Verdana,Arial" Font-Size="11px" Background-Color="#FFFFFF" Padding-Left="5px" />
</InitLook>
<HoveredLook Background-Color="#316AC5">
<TextSection ForeColor="#FFFFFF" />
</HoveredLook>
<ExpandedLook Background-Color="#316AC5">
<TextSection ForeColor="#FFFFFF" />
</ExpandedLook>
</ec:MenuItemDualIconLook>
<ec:MenuItemDualIconLook Id="LeftBoldItem" Base="LeftItem">
<InitLook>
<TextSection Font-Name="Tahoma,Verdana,Arial" Font-Size="11px" Font-Bold="True" />
</InitLook>
</ec:MenuItemDualIconLook>
<ec:ImageLook ImageUrl="images/LeftSeparator.gif" Align-Horizontal="Center" Id="LeftSeparator" />
<ec:MenuItemDualIconLook Id="RightItem">
<InitLook Background-Color="#D3E5FA" Height="30px" Cursor="Default">
<LeftIcon Padding-Left="2px" Width="24px" />
<TextSection ForeColor="#0A246A" Font-Name="Tahoma,Verdana,Arial" Font-Size="11px" Padding-Left="5px" Align-Horizontal="Left" />
</InitLook>
<HoveredLook Background-Color="#316AC5">
<TextSection ForeColor="#FFFFFF" />
</HoveredLook>
<ExpandedLook Background-Color="#316AC5">
<TextSection ForeColor="#FFFFFF" />
</ExpandedLook>
</ec:MenuItemDualIconLook>
<ec:MenuItemDualIconLook Id="RightBoldItem" Base="RightItem">
<InitLook>
<TextSection Font-Name="Tahoma,Verdana,Arial" Font-Size="11px" Font-Bold="True" />
</InitLook>
</ec:MenuItemDualIconLook>
<ec:MenuItemDualIconLook Id="RightParentItem" Base="RightItem">
<InitLook>
<RightIcon ImageUrl="images/RightArrow.gif" Padding-Right="4px" Width="4px" />
</InitLook>
<HoveredLook>
<RightIcon ImageUrl="images/RightArrowOver.gif" />
</HoveredLook>
<ExpandedLook>
<RightIcon ImageUrl="images/RightArrowOver.gif" />
</ExpandedLook>
</ec:MenuItemDualIconLook>
<ec:MenuItemDualIconLook Id="RightSubItem">
<InitLook Background-Color="#FFFFFF" Padding-All="3px" Cursor="Default">
<LeftIcon Padding-Left="3px" Width="16px" />
<RightIcon Padding-Right="2px" Width="4px" />
<TextSection ForeColor="#000000" Font-Name="Tahoma,Verdana,Arial" Font-Size="11px" Padding-Left="5px" Padding-Right="10px" Wrap="false" />
</InitLook>
<HoveredLook Background-Color="#1665CB">
<TextSection ForeColor="#FFFFFF" />
</HoveredLook>
<ExpandedLook Background-Color="#316AC5">
<TextSection ForeColor="#FFFFFF" />
</ExpandedLook>
</ec:MenuItemDualIconLook>
<ec:MenuItemDualIconLook Id="RightSubParentItem" Base="RightSubItem">
<InitLook>
<RightIcon ImageUrl="images/RightArrow.gif" />
</InitLook>
<HoveredLook>
<RightIcon ImageUrl="images/RightArrowOver.gif" />
</HoveredLook>
<ExpandedLook>
<RightIcon ImageUrl="images/RightArrowOver.gif" />
</ExpandedLook>
</ec:MenuItemDualIconLook>
<ec:MenuItemDualIconLook Id="RightSubParentGroupItem" Base="RightSubParentItem">
<InitLook>
<LeftIcon ImageUrl="images/AllPrograms/Group.gif" />
</InitLook>
<HoveredLook>
<LeftIcon ImageUrl="images/AllPrograms/GroupOver.gif" />
</HoveredLook>
</ec:MenuItemDualIconLook>
<ec:ImageLook ImageUrl="images/RightSeparator.gif" Align-Horizontal="Center" Id="RightSeparator" />
<ec:MenuGroupLook Background-Color="#FFFFFF" Border-Left-Width="6px" Border-Style="Solid" Border-Width="1px" Border-Color="#3481E3" Id="PopupGroup" Shadow-Color="#444444" Shadow-Offset="4" ZIndex="1100" />
</Looks>
<TopGroup Look-ExpandOnClick="True" Look-Background-ImageUrl="images/blue_background.gif">
<Items>
<ec:MenuItem ImageLook-InitLook-Cursor="Default" ImageLook-InitLook-ImageUrl="images/Start.gif" ImageLook-InitLook-Padding-Left="1px" ImageLook-HoveredLook-ImageUrl="images/StartOver.gif" ImageLook-PushedLook-ImageUrl="images/StartDown.gif" ImageLook-ExpandedLook-ImageUrl="images/StartDown.gif">
<SubMenu Look-ExpandDirection="AboveLeft" Look-KeepExpanded="True" Look-Offset-Horizontal="-1" Look-Offset-Vertical="2" Look-Width="380px" Look-Shadow-Color="#222222" Look-Shadow-Offset="5">
<Items>
<ec:MenuGroup Look-Orientation="Horizontal">
<Items>
<ec:MenuSeparator ImageLook-ImageUrl="images/topitem_left.gif" />
<ec:MenuSeparator TextLook-Text="Powered by ExpertMenu" TextLook-ForeColor="#FFFFFF" TextLook-Font-Name="Tahoma,Verdana,Arial" TextLook-Font-Size="20px" TextLook-Background-ImageUrl="images/topitem_blue_background.gif" TextLook-Padding-Left="20px" TextLook-Width="370px" TextLook-Height="65px" />
<ec:MenuSeparator ImageLook-ImageUrl="images/topitem_right.gif" />
</Items>
</ec:MenuGroup>
<ec:MenuSeparator ImageLook-ImageUrl="images/TopSeparator.gif" ImageLook-Width="100%" ImageLook-Height="2px" />
<ec:MenuGroup Look-Orientation="Horizontal">
<Items>
<ec:MenuGroup Look-ItemSpacing="5" Look-Background-Color="#FFFFFF" Look-Border-Left-Style="Solid" Look-Border-Left-Width="2px" Look-Border-Left-Color="#D3E5FA" Look-Width="190px" Look-Align-Vertical="Top">
<Items>
<ec:MenuItem Text="Manage Your Server" DualIconLook-InitLook-LeftIcon-ImageUrl="images/ManageServer.gif" DualIconLook-HoveredLook-LeftIcon-ImageUrl="images/ManageServerOver.gif" DualIconLook-Base="LeftBoldItem" />
<ec:MenuItem Text="Command Prompt" DualIconLook-InitLook-LeftIcon-ImageUrl="images/CommandPrompt.gif" DualIconLook-HoveredLook-LeftIcon-ImageUrl="images/CommandPromptOver.gif" DualIconLook-Base="LeftBoldItem" />
<ec:MenuItem Text="Windows Explorer" DualIconLook-InitLook-LeftIcon-ImageUrl="images/Explorer.gif" DualIconLook-HoveredLook-LeftIcon-ImageUrl="images/ExplorerOver.gif" DualIconLook-Base="LeftBoldItem" />
<ec:MenuSeparator ImageLook-Base="LeftSeparator" />
<ec:MenuItem Text="Enterprise Manager" DualIconLook-InitLook-LeftIcon-ImageUrl="images/EntManager.gif" DualIconLook-InitLook-LeftIcon-Width="23px" DualIconLook-HoveredLook-LeftIcon-ImageUrl="images/EntManagerOver.gif" DualIconLook-Base="LeftItem" />
<ec:MenuItem Text="Outlook Express" DualIconLook-InitLook-LeftIcon-ImageUrl="images/OutlookExpress.gif" DualIconLook-HoveredLook-LeftIcon-ImageUrl="images/OutlookExpressOver.gif" DualIconLook-Base="LeftItem" />
<ec:MenuItem Text="Microsoft Office Word 2003" DualIconLook-InitLook-LeftIcon-ImageUrl="images/Word.gif" DualIconLook-Base="LeftItem" />
<ec:MenuItem Text="Microsoft Visual Studio .NET 2003" DualIconLook-InitLook-LeftIcon-ImageUrl="images/VStudio2003.gif" DualIconLook-HoveredLook-LeftIcon-ImageUrl="images/VStudio2003Over.gif" DualIconLook-Base="LeftItem" />
<ec:MenuSeparator ImageLook-Base="LeftSeparator" />
<ec:MenuItem Text="All Programs" DualIconLook-InitLook-Height="26px" DualIconLook-InitLook-LeftIcon-Width="0px" DualIconLook-InitLook-RightIcon-ImageUrl="images/AllPrograms.gif" DualIconLook-InitLook-RightIcon-Padding-Right="35px" DualIconLook-InitLook-TextSection-Padding-Right="6px" DualIconLook-InitLook-RightIcon-Width="16px" DualIconLook-InitLook-RightIcon-Height="24px" DualIconLook-InitLook-TextSection-Align-Horizontal="Right" DualIconLook-HoveredLook-RightIcon-ImageUrl="images/AllProgramsOver.gif" DualIconLook-ExpandedLook-RightIcon-ImageUrl="images/AllProgramsOver.gif" DualIconLook-Base="LeftBoldItem" DualIconLook-InitLook-TextSection-Wrap="false">
<SubMenu Look-Orientation="Horizontal" Look-ExpandDirection="RightUp" Look-Offset-Horizontal="-33" Look-Base="PopupGroup">
<Items>
<ec:MenuGroup Look-Border-Right-Style="Solid" Look-Border-Right-Width="1px" Look-Border-Right-Color="#ACA899" Look-Align-Vertical="Top">
<Items>
<ec:MenuItem Text="Windows Catalog" DualIconLook-InitLook-LeftIcon-ImageUrl="images/AllPrograms/WinCatalog.gif" DualIconLook-HoveredLook-LeftIcon-ImageUrl="images/AllPrograms/WinCatalogOver.gif" DualIconLook-Base="RightSubItem" />
<ec:MenuItem Text="Windows Update" DualIconLook-InitLook-LeftIcon-ImageUrl="images/AllPrograms/WinUpdate.gif" DualIconLook-HoveredLook-LeftIcon-ImageUrl="images/AllPrograms/WinUpdateOver.gif" DualIconLook-Base="RightSubItem" />
<ec:MenuItem Text="WinZip" DualIconLook-InitLook-LeftIcon-ImageUrl="images/AllPrograms/WinZip.gif" DualIconLook-HoveredLook-LeftIcon-ImageUrl="images/AllPrograms/WinZipOver.gif" DualIconLook-Base="RightSubItem" />
<ec:MenuSeparator ImageLook-Base="LeftSeparat