<%@ Page %>
<%@ Register TagPrefix="ec" Namespace="ASPNETExpert.WebControls" Assembly="ASPNETExpert.WebControls" %>
<%@ Register TagPrefix="ecd" TagName="Header" Src="../../Controls/Header.ascx"%>
<%@ Register TagPrefix="ecd" TagName="Footer" Src="../../Controls/Footer.ascx"%>
<%@ Register TagPrefix="ecd" Namespace="ASPNETExpert.WebControls.DemoControls" Assembly="ASPNETExpert.WebControls.DemoControls" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<title>ASP.NET Menu : ExpertMenu Demo : Windows XP Style</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 />
<ec:ExpertMenu runat="server" id="ExpertMenu1" Skin="WindowsXPGray" EnableViewState="false">
<TopGroup>
<Items>
<ec:MenuItem Text="File">
<SubMenu>
<Items>
<ec:MenuItem Text="New" DualIconLook-InitLook-LeftIcon-ImageUrl="../../images/WinXP/icon_new.gif" DualIconLook-HoveredLook-LeftIcon-ImageUrl="../../images/WinXP/icon_new_over.gif" />
<ec:MenuItem Text="Open" DualIconLook-InitLook-LeftIcon-ImageUrl="../../images/WinXP/icon_open.gif" DualIconLook-HoveredLook-LeftIcon-ImageUrl="../../images/WinXP/icon_open_over.gif" DualIconLook-ExpandedLook-LeftIcon-ImageUrl="../../images/WinXP/icon_open_over.gif">
<SubMenu>
<Items>
<ec:MenuItem Text="Project" DualIconLook-InitLook-LeftIcon-ImageUrl="../../images/WinXP/icon_project.gif" DualIconLook-HoveredLook-LeftIcon-ImageUrl="../../images/WinXP/icon_project_over.gif" />
<ec:MenuItem Text="Project From Web" DualIconLook-InitLook-LeftIcon-ImageUrl="../../images/WinXP/icon_projectFromWeb.gif" DualIconLook-HoveredLook-LeftIcon-ImageUrl="../../images/WinXP/icon_projectFromWeb_over.gif" />
<ec:MenuItem Text="File" DualIconLook-InitLook-LeftIcon-ImageUrl="../../images/WinXP/icon_file.gif" DualIconLook-HoveredLook-LeftIcon-ImageUrl="../../images/WinXP/icon_file_over.gif" />
<ec:MenuItem Text="File From Web" DualIconLook-InitLook-LeftIcon-ImageUrl="../../images/WinXP/icon_fileFromWeb.gif" DualIconLook-HoveredLook-LeftIcon-ImageUrl="../../images/WinXP/icon_fileFromWeb_over.gif" />
</Items>
</SubMenu>
</ec:MenuItem>
<ec:MenuItem Text="Close" />
<ec:MenuSeparator />
<ec:MenuItem Text="Add New Item" DualIconLook-InitLook-LeftIcon-ImageUrl="../../images/WinXP/icon_addNewItem.gif" DualIconLook-HoveredLook-LeftIcon-ImageUrl="../../images/WinXP/icon_addNewItem_over.gif" />
<ec:MenuItem Text="Add Existing Item" DualIconLook-InitLook-LeftIcon-ImageUrl="../../images/WinXP/icon_addExistingItem.gif" DualIconLook-HoveredLook-LeftIcon-ImageUrl="../../images/WinXP/icon_addExistingItem_over.gif" />
<ec:MenuSeparator />
<ec:MenuItem Text="Open Solution" DualIconLook-InitLook-LeftIcon-ImageUrl="../../images/WinXP/icon_openSolution.gif" DualIconLook-HoveredLook-LeftIcon-ImageUrl="../../images/WinXP/icon_openSolution_over.gif" />
<ec:MenuItem Text="Close Solution" DualIconLook-InitLook-LeftIcon-ImageUrl="../../images/WinXP/icon_closeSolution.gif" DualIconLook-HoveredLook-LeftIcon-ImageUrl="../../images/WinXP/icon_closeSolution_over.gif" />
</Items>
</SubMenu>
</ec:MenuItem>
<ec:MenuItem Text="Edit">
<SubMenu>
<Items>
<ec:MenuItem Text="Cut" Enabled="False" DualIconLook-InitLook-LeftIcon-ImageUrl="../../images/WinXP/icon_cut.gif" DualIconLook-HoveredLook-LeftIcon-ImageUrl="../../images/WinXP/icon_cut_over.gif" />
<ec:MenuItem Text="Copy" Enabled="False" DualIconLook-InitLook-LeftIcon-ImageUrl="../../images/WinXP/icon_copy.gif" DualIconLook-HoveredLook-LeftIcon-ImageUrl="../../images/WinXP/icon_copy_over.gif" />
<ec:MenuItem Text="Paste" DualIconLook-InitLook-LeftIcon-ImageUrl="../../images/WinXP/icon_paste.gif" DualIconLook-HoveredLook-LeftIcon-ImageUrl="../../images/WinXP/icon_paste_over.gif" />
<ec:MenuItem Text="Delete" DualIconLook-InitLook-LeftIcon-ImageUrl="../../images/WinXP/icon_delete.gif" DualIconLook-HoveredLook-LeftIcon-ImageUrl="../../images/WinXP/icon_delete_over.gif" />
<ec:MenuSeparator />
<ec:MenuItem Text="IntelliSense">
<SubMenu>
<Items>
<ec:MenuItem Text="List Members" DualIconLook-InitLook-LeftIcon-ImageUrl="../../images/WinXP/icon_listMembers.gif" DualIconLook-HoveredLook-LeftIcon-ImageUrl="../../images/WinXP/icon_listMembers_over.gif" />
<ec:MenuItem Text="Parameter Info" DualIconLook-InitLook-LeftIcon-ImageUrl="../../images/WinXP/icon_parameterInfo.gif" DualIconLook-HoveredLook-LeftIcon-ImageUrl="../../images/WinXP/icon_parameterInfo_over.gif" />
<ec:MenuItem Text="Complete Word" DualIconLook-InitLook-LeftIcon-ImageUrl="../../images/WinXP/icon_completeWord.gif" DualIconLook-HoveredLook-LeftIcon-ImageUrl="../../images/WinXP/icon_completeWord_over.gif" />
</Items>
</SubMenu>
</ec:MenuItem>
</Items>
</SubMenu>
</ec:MenuItem>
</Items>
</TopGroup>
</ec:ExpertMenu>
<br>
<ecd:DescriptionView runat="server" IconUrl="../../images/kv.gif">
<ecd:Description runat="server">
The easiest way to create a menu is to use one of built-in skins.
</ecd:Description>
<ecd:Description runat="server">
This demo menu uses a built-in <b>WindowsXPGray</b> skin : <ecd:SyntaxHighlight runat="server" ContentType="ASPX"><ec:ExpertMenu runat="server" Skin="WindowsXPGray" /></ecd:SyntaxHighlight>.
</ecd:Description>
<ecd:Description runat="server">
Note, that menu items don't contain any properties that define their view except individual left icons.
</ecd:Description>
<ecd:Description runat="server">
Note also, how a necessary property is referenced using "<b>-</b>" syntax :
<ecd:SyntaxHighlight runat="server" ContentType="ASPX"><ec:MenuItem Text="New" DualIconLook-InitLook-LeftIcon-ImageUrl="../../images/WinXP/icon_new.gif"
DualIconLook-HoveredLook-LeftIcon-ImageUrl="../../images/WinXP/icon_new_over.gif" /></ecd:SyntaxHighlight>
</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>