<%@ 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 : 3D Tab Green</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" />
<table cellpadding="0" cellspacing="0" border="0" align="center">
<tr>
<td>
<ec:ExpertMenu runat="server" id="ExpertMenu1" Skin="Tab3DGreen" EnableViewState="false">
<TopGroup>
<Items>
<ec:MenuSeparator ImageLook-Base="TopLeftSeparator" />
<ec:MenuItem Text="Electronics">
<SubMenu Look-Width="790px" Look-Align-Horizontal="Left">
<Items>
<ec:MenuSeparator />
<ec:MenuItem Text="Laptops" />
<ec:MenuSeparator />
<ec:MenuItem Text="Desktops" />
<ec:MenuSeparator />
<ec:MenuItem Text="PDAs" />
<ec:MenuSeparator />
<ec:MenuItem Text="Printers" />
<ec:MenuSeparator />
<ec:MenuItem Text="Digital Cameras" />
<ec:MenuSeparator />
<ec:MenuItem Text="MP3 Players" />
<ec:MenuSeparator />
<ec:MenuItem Text="Cell Phones" />
<ec:MenuSeparator />
<ec:MenuItem Text="DVD Players" />
<ec:MenuSeparator />
</Items>
</SubMenu>
</ec:MenuItem>
<ec:MenuSeparator />
<ec:MenuItem Text="Clothing">
<SubMenu Look-Width="790px" Look-Align-Horizontal="Center">
<Items>
<ec:MenuSeparator />
<ec:MenuItem Text="Women's Clothing" />
<ec:MenuSeparator />
<ec:MenuItem Text="Men's Clothing" />
<ec:MenuSeparator />
<ec:MenuItem Text="Shoes" />
<ec:MenuSeparator />
<ec:MenuItem Text="Teen Clothing" />
<ec:MenuSeparator />
<ec:MenuItem Text="Kids' Clothing" />
<ec:MenuSeparator />
<ec:MenuItem Text="Accessories" />
<ec:MenuSeparator />
</Items>
</SubMenu>
</ec:MenuItem>
<ec:MenuSeparator />
<ec:MenuItem Text="Home & Garden">
<SubMenu Look-Width="790px" Look-Align-Horizontal="Center">
<Items>
<ec:MenuSeparator />
<ec:MenuItem Text="Major Appliances" />
<ec:MenuSeparator />
<ec:MenuItem Text="Furniture" />
<ec:MenuSeparator />
<ec:MenuItem Text="Kitchen" />
<ec:MenuSeparator />
<ec:MenuItem Text="Garden & Patio" />
<ec:MenuSeparator />
<ec:MenuItem Text="Bed & Bath" />
<ec:MenuSeparator />
<ec:MenuItem Text="Furnishings" />
<ec:MenuSeparator />
</Items>
</SubMenu>
</ec:MenuItem>
<ec:MenuSeparator />
<ec:MenuItem Text="Music & DVD">
<SubMenu Look-Width="790px" Look-Align-Horizontal="Right">
<Items>
<ec:MenuSeparator />
<ec:MenuItem Text="Action and Adventure" />
<ec:MenuSeparator />
<ec:MenuItem Text="Animation" />
<ec:MenuSeparator />
<ec:MenuItem Text="Comedy" />
<ec:MenuSeparator />
<ec:MenuItem Text="Drama" />
<ec:MenuSeparator />
<ec:MenuItem Text="Fantasy" />
<ec:MenuSeparator />
<ec:MenuItem Text="Horror" />
<ec:MenuSeparator />
<ec:MenuItem Text="Western" />
<ec:MenuSeparator />
</Items>
</SubMenu>
</ec:MenuItem>
<ec:MenuSeparator ImageLook-Base="TopRightSeparator" />
</Items>
</TopGroup>
</ec:ExpertMenu>
</td>
</tr>
</table>
<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>Tab3DGreen</b> skin : <ecd:SyntaxHighlight runat="server" ContentType="ASPX"><ec:ExpertMenu runat="server" Skin="Tab3DGreen" /></ecd:SyntaxHighlight>.
</ecd:Description>
<ecd:Description runat="server">
You can fine tune the look of a menu by defining or redefining inherited properties :
<ecd:SyntaxHighlight runat="server" ContentType="ASPX"><SubMenu Look-Width="790px" Look-Align-Horizontal="Center"></ecd:SyntaxHighlight>.
</ecd:Description>
<ecd:Description runat="server">
Note, that menu items don't contain any properties that define their view.
</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="green.aspx" />
</pre>
</ec:TabItem>
</ec:CodeViewTab>
<ecd:Footer runat="server" ID="Footer1"></ecd:Footer>
</form>
</body>
</HTML>