<%@ Page language="c#" Inherits="ASPNETExpert.WebControls.Demo.Menu.Design.Office2003._default" CodeFile="default.aspx.cs" %>
<%@ 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" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<title>ASP.NET Menu : ExpertMenu Demo : Office 2003 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 ID="Header1"></ecd:Header>
<ec:ExpertMenu runat="server" id="ExpertMenu1" Skin="Office03Blue" EnableViewState="false">
<TopGroup>
<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>
<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: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 />
<ec:MenuItem Text="Microsoft Office PowerPoint...">
<DualIconLook InitLook-LeftIcon-ImageUrl="../../images/Office2003/icon_powerPoint.gif" />
</ec:MenuItem>
</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>
</TopGroup >
</ec:ExpertMenu>
<br>
<asp:RadioButtonList Runat="server" CssClass="formtext" RepeatDirection="Horizontal" ID="SkinList" AutoPostBack="True" onselectedindexchanged="SkinList_SelectedIndexChanged">
<asp:ListItem Value="Office03Blue" Selected="True">Blue</asp:ListItem>
<asp:ListItem Value="Office03Silver">Silver</asp:ListItem>
<asp:ListItem Value="Office03Olive">Olive</asp:ListItem>
</asp:RadioButtonList>
<ecd:DescriptionView runat="server" IconUrl="../../images/kv.gif" ID="Descriptionview1">
<ecd:Description id="Description1" runat="server">
The easiest way to create a menu is to use one of built-in skins.
</ecd:Description>
<ecd:Description id="Description2" runat="server">
This demo menu initially uses a built-in <b>Office03Blue</b> skin :
<ecd:SyntaxHighlight runat="server" ContentType="ASPX" ID="Syntaxhighlight1"><ec:ExpertMenu runat="server" Skin="Office03Blue" /></ecd:SyntaxHighlight>.
Other <b>Office</b> available skins are <b>Office03Silver</b> and <b>Office03Olive</b>.
</ecd:Description>
<ecd:Description id="Description4" runat="server">
You can totally change the menu look with a single line of code.
</ecd:Description>
<ecd:Description id="Description3" 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/Office2003/icon_new.gif" /></ecd:SyntaxHighlight>
</ecd:Description>
</ecd:DescriptionView>
<ec:CodeViewTab id="CodeViewTab1" runat="server" ImagesBaseUrl="../../images/tab/">
<ec:TabItem runat="server" Text="aspx" ID="Tabitem1">
<pre class="aspcode">
<ecd:SyntaxHighlight runat="server" ContentType="ASPX" OutputFile="default.aspx" ID="Syntaxhighlight2" />
</pre>
</ec:TabItem>
<ec:TabItem runat="server" Text="C#" ID="Tabitem2">
<pre class="aspcode">
<ecd:SyntaxHighlight runat="server" ContentType="C#" OutputFile="default.aspx.cs" ID="Syntaxhighlight3" />
</pre>
</ec:TabItem>
<ec:TabItem runat="server" Text="VB" ID="Tabitem3">
<pre class="aspcode">
<ecd:SyntaxHighlight runat="server" ContentType="VB" OutputFile="default_vb.aspx.vb" ID="Syntaxhighlight4"/>
</pre>
</ec:TabItem>
</ec:CodeViewTab>
<ecd:Footer runat=server ID="Footer1"></ecd:Footer>
</form>
</body>
</HTML>
using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
namespace ASPNETExpert.WebControls.Demo.Menu.Design.Office2003
{
///
/// Summary description for _default.
///
public partial class _default : System.Web.UI.Page
{
protected void Page_Load(object sender, System.EventArgs e)
{
// Put user code to initialize the page here
}
protected void SkinList_SelectedIndexChanged(object sender, System.EventArgs e)
{
ExpertMenu1.ApplySkin((ASPNETExpert.WebControls.MenuSkin)Enum.Parse(typeof(ASPNETExpert.WebControls.MenuSkin), SkinList.SelectedValue));
}
#region Web Form Designer generated code
override protected void OnInit(EventArgs e)
{
//
// CODEGEN: This call is required by the ASP.NET Web Form Designer.
//
InitializeComponent();
base.OnInit(e);
}
///
/// Required method for Designer support - do not modify
/// the contents of this method with the code editor.
///
private void InitializeComponent()
{
}
#endregion
}
}
Namespace ASPNETExpert.WebControls.DemoVB.Design.Office2003
Partial Class default_vb
Inherits System.Web.UI.Page
#Region " Web Form Designer Generated Code "
'This call is required by the Web Form Designer.
Private Sub InitializeComponent()
End Sub
Private Sub Page_Init(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Init
'CODEGEN: This method call is required by the Web Form Designer
'Do not modify it using the code editor.
InitializeComponent()
End Sub
#End Region
Private Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load
'Put user code to initialize the page here
End Sub
Private Sub SkinList_SelectedIndexChanged(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles SkinList.SelectedIndexChanged
ExpertMenu1.ApplySkin(DirectCast(System.Enum.Parse(GetType(ASPNETExpert.WebControls.MenuSkin), SkinList.SelectedValue), ASPNETExpert.WebControls.MenuSkin))
End Sub
End Class
End Namespace