Click on any menu item to select a different path.
<%@ Register TagPrefix="ec" Namespace="ASPNETExpert.WebControls" Assembly="ASPNETExpert.WebControls" %>
<%@ Page %>
<%@ 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 : Selected Path</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>
<div style="MARGIN-LEFT:100px">
<ec:ExpertMenu runat="server" id="ExpertMenu1" Skin="DarkBlue" EnableViewState="false">
<TopGroup>
<Items>
<ec:MenuItem Text="Account">
<SubMenu>
<Items>
<ec:MenuItem Text="Open An Account" NavigateUrl="OpenAccount.aspx" />
<ec:MenuItem Text="Account FAQs" NavigateUrl="AccountFaqs.aspx" />
<ec:MenuItem Text="My Accounts" NavigateUrl="MyAccount.aspx" />
<ec:MenuItem Text="Account Details" NavigateUrl="AccountDetails.aspx" />
</Items>
</SubMenu>
</ec:MenuItem>
<ec:MenuItem Text="Brokerage">
<SubMenu>
<Items>
<ec:MenuItem Text="Trading" NavigateUrl="Trading.aspx">
<SubMenu>
<Items>
<ec:MenuItem Text="Trade Equities" NavigateUrl="TradeEquities.aspx" />
<ec:MenuItem Text="Trade Options" NavigateUrl="TradeOptions.aspx" />
</Items>
</SubMenu>
</ec:MenuItem>
<ec:MenuItem Text="Markets" NavigateUrl="Markets.aspx" />
<ec:MenuItem Text="Quotes/Charts/News" NavigateUrl="Quotes.aspx" />
<ec:MenuItem Text="Research" NavigateUrl="Research.aspx" />
<ec:MenuItem Text="Education" NavigateUrl="Education.aspx" />
</Items>
</SubMenu>
</ec:MenuItem>
<ec:MenuItem Text="Go to Default page" NavigateUrl="Default.aspx" />
</Items>
</TopGroup>
</ec:ExpertMenu>
</div>
<div class="prompt">Click on any menu item to select a different path.</div>
<br>
<ecd:DescriptionView runat="server" IconUrl="../../images/kv.gif" ID="Descriptionview1">
<ecd:Description runat="server" ID="Description1"><b>ExpertMenu</b> automatically detects and highlights
the path from a root item to an item with the same <b>NavigateUrl</b> as URL of the current web page.</ecd:Description>
<ecd:Description runat="server" ID="Description2">To use this feature you will need to specify
<b>SelectedLook</b> (and optionally <b>SelectedHoveredLook</b> and <b>SelectedPushedLook</b>) in
a relevant item's look.</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>