Press Ctrl+F2 from within the main frame to activate the top menu.
Press Ctrl+F3 from within the main frame to activate the left menu.
Press Ctrl+F4 from within the main frame to activate the right menu.
<%@ Page %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<title>ASP.NET Menu : ExpertMenu Demo : Cross-Frame Menu</title>
</HEAD>
<frameset cols="90,*,90" frameborder="no">
<frame name="leftframe" src="leftframe.aspx" scrolling="no" noresize>
<frameset rows="21,*" frameborder="no">
<frame name="topframe" src="topframe.aspx" scrolling="no" noresize>
<frame name="mainframe" src="mainframe.aspx">
</frameset>
<frame name="rightframe" src="rightframe.aspx" scrolling="no" noresize>
</frameset>
</HTML>
<%@ Page %>
<%@ 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 : Cross-Frame Menu</title>
</head>
<body bgcolor="838383" xmlns:ec="urn:http://aspnetexpert.com/ExpertControls.xsd">
<form id="Form1" method="post" runat="server">
<ec:ExpertMenu runat="server" TargetFrame="mainframe" id="LeftMenu">
<AccessShortcut Ctrl="True" Key="F3" />
<TargetFrameOffset Vertical="22" />
<Looks>
<ec:MenuGroupLook Orientation="Vertical" Background-Color="#AD1A28" Border-Left-Color="#CD3A48" Border-Top-Color="#CD3A48" Border-Right-Color="#5D0008" Border-Bottom-Color="#5D0008" Border-Style="Solid" Border-Width="1px" Id="Group" />
<ec:MenuItemDualIconLook Id="Item">
<InitLook Background-Color="#AD1A28" Border-Style="Solid" Border-Width="1px" Border-Color="#AD1A28" Cursor="Pointer">
<TextSection ForeColor="#FFFFFF" Font-Name="Verdana" Font-Size="11px" Font-Bold="True" Padding-Left="5px" Padding-Top="2px" Padding-Right="15px" Padding-Bottom="2px" />
<RightIcon Width="18px" />
</InitLook>
<HoveredLook Background-Color="#CF3746" Border-Left-Color="#FF6776" Border-Top-Color="#FF6776" Border-Right-Color="#8F0206" Border-Bottom-Color="#8F0206" Border-Style="Solid" Border-Width="1px">
<TextSection ForeColor="#FFD700" />
<RightIcon Width="18px" />
</HoveredLook>
<PushedLook Background-Color="#CF3746" Border-Left-Color="#8F0206" Border-Top-Color="#8F0206" Border-Right-Color="#FF6776" Border-Bottom-Color="#FF6776" Border-Style="Solid" Border-Width="1px">
<TextSection ForeColor="#FFD700" />
<RightIcon Width="18px" />
</PushedLook>
<ExpandedLook Background-Color="#CF3746" Border-Left-Color="#8F0206" Border-Top-Color="#8F0206" Border-Right-Color="#FF6776" Border-Bottom-Color="#FF6776" Border-Style="Solid" Border-Width="1px">
<TextSection ForeColor="#FFD700" />
<RightIcon Width="18px" />
</ExpandedLook>
</ec:MenuItemDualIconLook>
<ec:MenuItemDualIconLook Id="ParentItem" Base="Item">
<InitLook>
<RightIcon ImageResourceUrl="ArrowRightWhite.gif" />
</InitLook>
<HoveredLook>
<RightIcon ImageUrl="images/ArrowRightGold.gif" />
</HoveredLook>
<PushedLook>
<RightIcon ImageUrl="images/ArrowRightGold.gif" />
</PushedLook>
<ExpandedLook>
<RightIcon ImageUrl="images/ArrowRightGold.gif" />
</ExpandedLook>
</ec:MenuItemDualIconLook>
</Looks>
<TopGroup Look-Orientation="Vertical" Look-Position="Absolute" Look-Left="0px" Look-Top="80px" Look-Base="Group">
<Items>
<ec:MenuItem Text="File" DualIconLook-Base="ParentItem">
<SubMenu Look-Base="Group">
<Items>
<ec:MenuItem Text="New" DualIconLook-Base="ParentItem">
<SubMenu Look-Base="Group">
<Items>
<ec:MenuItem Text="Project" DualIconLook-Base="Item" />
<ec:MenuItem Text="File" DualIconLook-Base="Item" />
</Items>
</SubMenu>
</ec:MenuItem>
<ec:MenuItem Text="Open" DualIconLook-Base="ParentItem">
<SubMenu Look-Base="Group">
<Items>
<ec:MenuItem Text="File" DualIconLook-Base="Item" />
<ec:MenuItem Text="File From Web" DualIconLook-Base="Item" />
</Items>
</SubMenu>
</ec:MenuItem>
<ec:MenuItem Text="Save" DualIconLook-Base="Item" />
<ec:MenuItem Text="Save As..." DualIconLook-Base="Item" />
</Items>
</SubMenu>
</ec:MenuItem>
<ec:MenuItem Text="Edit" DualIconLook-Base="ParentItem">
<SubMenu Look-Base="Group">
<Items>
<ec:MenuItem Text="Cut" DualIconLook-Base="Item" />
<ec:MenuItem Text="Copy" DualIconLook-Base="Item" />
<ec:MenuItem Text="Paste" DualIconLook-Base="Item" />
<ec:MenuItem Text="Find and Replace" DualIconLook-Base="ParentItem">
<SubMenu Look-Base="Group">
<Items>
<ec:MenuItem Text="Find" DualIconLook-Base="Item" />
<ec:MenuItem Text="Replace" DualIconLook-Base="Item" />
<ec:MenuItem Text="Find Symbol" DualIconLook-Base="Item" />
</Items>
</SubMenu>
</ec:MenuItem>
</Items>
</SubMenu>
</ec:MenuItem>
<ec:MenuItem Text="View" DualIconLook-Base="ParentItem">
<SubMenu Look-Base="Group">
<Items>
<ec:MenuItem Text="Open" DualIconLook-Base="Item" />
<ec:MenuItem Text="Open With" DualIconLook-Base="Item" />
</Items>
</SubMenu>
</ec:MenuItem>
<ec:MenuItem Text="Project" DualIconLook-Base="ParentItem">
<SubMenu Look-Base="Group">
<Items>
<ec:MenuItem Text="Copy Project..." DualIconLook-Base="Item" />
<ec:MenuItem Text="Exclude From Project" DualIconLook-Base="Item" />
<ec:MenuItem Text="Show All Files" DualIconLook-Base="Item" />
</Items>
</SubMenu>
</ec:MenuItem>
<ec:MenuItem Text="Help" DualIconLook-Base="Item" />
</Items>
</TopGroup>
</ec:ExpertMenu>
</form>
</body>
</html>
<%@ 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 : Cross-Frame Menu</title>
</HEAD>
<body bgColor=#838383 xmlns:ec="urn:http://aspnetexpert.com/ExpertControls.xsd">
<form id=Form1 method=post runat="server"><ec:expertmenu id=RightMenu runat="server" TargetFrame="mainframe">
<AccessShortcut Ctrl="True" Key="F4" />
<TargetFrameOffset Vertical="22" />
<Looks>
<ec:MenuGroupLook Orientation="Vertical" ExpandDirection="LeftDown" Background-Color="#AD1A28" Border-Left-Color="#CD3A48" Border-Top-Color="#CD3A48" Border-Right-Color="#5D0008" Border-Bottom-Color="#5D0008" Border-Style="Solid" Border-Width="1px" Id="Group" />
<ec:MenuItemDualIconLook Id="Item">
<InitLook Background-Color="#AD1A28" Border-Style="Solid" Border-Width="1px" Border-Color="#AD1A28" Cursor="Pointer">
<LeftIcon Width="18px" />
<TextSection ForeColor="#FFFFFF" Font-Name="Verdana" Font-Size="11px" Font-Bold="True" Wrap="False" Padding-Left="15px" Padding-Top="2px" Padding-Right="5px" Padding-Bottom="2px" Align-Horizontal="Right" />
</InitLook>
<HoveredLook Background-Color="#CF3746" Border-Left-Color="#FF6776" Border-Top-Color="#FF6776" Border-Right-Color="#8F0206" Border-Bottom-Color="#8F0206" Border-Style="Solid" Border-Width="1px">
<LeftIcon />
<TextSection ForeColor="#FFD700" />
</HoveredLook>
<PushedLook Background-Color="#CF3746" Border-Left-Color="#8F0206" Border-Top-Color="#8F0206" Border-Right-Color="#FF6776" Border-Bottom-Color="#FF6776" Border-Style="Solid" Border-Width="1px">
<LeftIcon />
<TextSection ForeColor="#FFD700" />
</PushedLook>
<ExpandedLook Background-Color="#CF3746" Border-Left-Color="#8F0206" Border-Top-Color="#8F0206" Border-Right-Color="#FF6776" Border-Bottom-Color="#FF6776" Border-Style="Solid" Border-Width="1px">
<LeftIcon />
<TextSection ForeColor="#FFD700" />
</ExpandedLook>
</ec:MenuItemDualIconLook>
<ec:MenuItemDualIconLook Id="ParentItem" Base="Item">
<InitLook>
<LeftIcon ImageResourceUrl="ArrowLeftWhite.gif" />
</InitLook>
<HoveredLook>
<LeftIcon ImageUrl="images/ArrowLeftGold.gif" />
</HoveredLook>
<PushedLook>
<LeftIcon ImageUrl="images/ArrowLeftGold.gif" />
</PushedLook>
<ExpandedLook>
<LeftIcon ImageUrl="images/ArrowLeftGold.gif" />
</ExpandedLook>
</ec:MenuItemDualIconLook>
</Looks>
<TopGroup Look-Orientation="Vertical" Look-Position="Absolute" Look-Left="0px" Look-Top="80px" Look-Base="Group">
<Items>
<ec:MenuItem Text="File" DualIconLook-Base="ParentItem">
<SubMenu Look-Base="Group">
<Items>
<ec:MenuItem Text="New" DualIconLook-Base="ParentItem">
<SubMenu Look-Base="Group">
<Items>
<ec:MenuItem Text="Project" DualIconLook-Base="Item" />
<ec:MenuItem Text="File" DualIconLook-Base="Item" />
</Items>
</SubMenu>
</ec:MenuItem>
<ec:MenuItem Text="Open" DualIconLook-Base="ParentItem">
<SubMenu Look-Base="Group">
<Items>
<ec:MenuItem Text="File" DualIconLook-Base="Item" />
<ec:MenuItem Text="File From Web" DualIconLook-Base="Item" />
</Items>
</SubMenu>
</ec:MenuItem>
<ec:MenuItem Text="Save" DualIconLook-Base="Item" />
<ec:MenuItem Text="Save As..." DualIconLook-Base="Item" />
</Items>
</SubMenu>
</ec:MenuItem>
<ec:MenuItem Text="Edit" DualIconLook-Base="ParentItem">
<SubMenu Look-Base="Group">
<Items>
<ec:MenuItem Text="Cut" DualIconLook-Base="Item" />
<ec:MenuItem Text="Copy" DualIconLook-Base="Item" />
<ec:MenuItem Text="Paste" DualIconLook-Base="Item" />
<ec:MenuItem Text="Find and Replace" DualIconLook-Base="ParentItem">
<SubMenu Look-Base="Group">
<Items>
<ec:MenuItem Text="Find" DualIconLook-Base="Item" />
<ec:MenuItem Text="Replace" DualIconLook-Base="Item" />
<ec:MenuItem Text="Find Symbol" DualIconLook-Base="Item" />
</Items>
</SubMenu>
</ec:MenuItem>
</Items>
</SubMenu>
</ec:MenuItem>
<ec:MenuItem Text="View" DualIconLook-Base="ParentItem">
<SubMenu Look-Base="Group">
<Items>
<ec:MenuItem Text="Open" DualIconLook-Base="Item" />
<ec:MenuItem Text="Open With" DualIconLook-Base="Item" />
</Items>
</SubMenu>
</ec:MenuItem>
<ec:MenuItem Text="Project" DualIconLook-Base="ParentItem">
<SubMenu Look-Base="Group">
<Items>
<ec:MenuItem Text="Copy Project..." DualIconLook-Base="Item" />
<ec:MenuItem Text="Exclude From Project" DualIconLook-Base="Item" />
<ec:MenuItem Text="Show All Files" DualIconLook-Base="Item" />
</Items>
</SubMenu>
</ec:MenuItem>
<ec:MenuItem Text="Help" DualIconLook-Base="Item" />
</Items>
</TopGroup>
</ec:ExpertMenu></FORM>
</body>
</HTML>
<%@ 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 : Cross-Frame Menu</title>
</HEAD>
<body bgcolor="#838383" xmlns:ec="urn:http://aspnetexpert.com/ExpertControls.xsd">
<form id="Form1" method="post" runat="server">
<ec:ExpertMenu runat="server" TargetFrame="mainframe" id="TopMenu">
<AccessShortcut Ctrl="True" Key="F2" />
<Looks>
<ec:MenuGroupLook Orientation="Vertical" Background-Color="#AD1A28" Border-Left-Color="#CD3A48" Border-Top-Color="#CD3A48" Border-Right-Color="#5D0008" Border-Bottom-Color="#5D0008" Border-Style="Solid" Border-Width="1px" Id="Group" />
<ec:MenuItemDualIconLook Id="Item">
<InitLook Background-Color="#AD1A28" Border-Style="Solid" Border-Width="1px" Border-Color="#AD1A28" Cursor="Pointer">
<TextSection ForeColor="#FFFFFF" Font-Name="Verdana" Font-Size="11px" Font-Bold="True" Padding-Left="5px" Padding-Top="2px" Padding-Right="15px" Padding-Bottom="2px" />
</InitLook>
<HoveredLook Background-Color="#CF3746" Border-Left-Color="#FF6776" Border-Top-Color="#FF6776" Border-Right-Color="#8F0206" Border-Bottom-Color="#8F0206" Border-Style="Solid" Border-Width="1px">
<TextSection ForeColor="#FFD700" />
</HoveredLook>
<PushedLook Background-Color="#CF3746" Border-Left-Color="#8F0206" Border-Top-Color="#8F0206" Border-Right-Color="#FF6776" Border-Bottom-Color="#FF6776" Border-Style="Solid" Border-Width="1px">
<TextSection ForeColor="#FFD700" />
</PushedLook>
<ExpandedLook Background-Color="#CF3746" Border-Left-Color="#8F0206" Border-Top-Color="#8F0206" Border-Right-Color="#FF6776" Border-Bottom-Color="#FF6776" Border-Style="Solid" Border-Width="1px">
<TextSection ForeColor="#FFD700" />
</ExpandedLook>
</ec:MenuItemDualIconLook>
<ec:MenuItemDualIconLook Id="TopItem" Base="Item">
<InitLook >
<TextSection Padding-Left="10px" Padding-Top="2px" Padding-Right="10px" Padding-Bottom="2px" />
</InitLook>
</ec:MenuItemDualIconLook>
<ec:MenuItemDualIconLook Id="ParentItem" Base="Item">
<InitLook>
<RightIcon ImageResourceUrl="ArrowRightWhite.gif" Width="18px" />
</InitLook>
<HoveredLook>
<RightIcon ImageUrl="images/ArrowRightGold.gif" Width="18px" />
</HoveredLook>
<PushedLook>
<RightIcon ImageUrl="images/ArrowRightGold.gif" Width="18px" />
</PushedLook>
<ExpandedLook>
<RightIcon ImageUrl="images/ArrowRightGold.gif" Width="18px" />
</ExpandedLook>
</ec:MenuItemDualIconLook>
</Looks>
<TopGroup Look-Orientation="Horizontal" Look-Position="Absolute" Look-Left="20px" Look-Top="0px" Look-Base="Group">
<Items>
<ec:MenuItem Text="File" DualIconLook-Base="TopItem">
<SubMenu Look-Base="Group">
<Items>
<ec:MenuItem Text="New" DualIconLook-Base="ParentItem">
<SubMenu Look-Base="Group">
<Items>
<ec:MenuItem Text="Project" DualIconLook-Base="Item" />
<ec:MenuItem Text="File" DualIconLook-Base="Item" />
</Items>
</SubMenu>
</ec:MenuItem>
<ec:MenuItem Text="Open" DualIconLook-Base="ParentItem">
<SubMenu Look-Base="Group">
<Items>
<ec:MenuItem Text="File" DualIconLook-Base="Item" />
<ec:MenuItem Text="File From Web" DualIconLook-Base="Item" />
</Items>
</SubMenu>
</ec:MenuItem>
<ec:MenuItem Text="Save" DualIconLook-Base="Item" NavigateUrl="mainframe.aspx?id=1" Target="mainframe" />
<ec:MenuItem Text="Save As..." DualIconLook-Base="Item" />
</Items>
</SubMenu>
</ec:MenuItem>
<ec:MenuItem Text="Edit" DualIconLook-Base="TopItem">
<SubMenu Look-Base="Group">
<Items>
<ec:MenuItem Text="Cut" DualIconLook-Base="Item" />
<ec:MenuItem Text="Copy" DualIconLook-Base="Item" />
<ec:MenuItem Text="Paste" DualIconLook-Base="Item" />
<ec:MenuItem Text="Find and Replace" DualIconLook-Base="ParentItem">
<SubMenu Look-Base="Group">
<Items>
<ec:MenuItem Text="Find" DualIconLook-Base="Item" />
<ec:MenuItem Text="Replace" DualIconLook-Base="Item" />
<ec:MenuItem Text="Find Symbol" DualIconLook-Base="Item" />
</Items>
</SubMenu>
</ec:MenuItem>
</Items>
</SubMenu>
</ec:MenuItem>
<ec:MenuItem Text="View" DualIconLook-Base="TopItem">
<SubMenu Look-Base="Group">
<Items>
<ec:MenuItem Text="Open" DualIconLook-Base="Item" />
<ec:MenuItem Text="Open With" DualIconLook-Base="Item" />
</Items>
</SubMenu>
</ec:MenuItem>
<ec:MenuItem Text="Project" DualIconLook-Base="TopItem">
<SubMenu Look-Base="Group">
<Items>
<ec:MenuItem Text="Copy Project..." DualIconLook-Base="Item" />
<ec:MenuItem Text="Exclude From Project" DualIconLook-Base="Item" />
<ec:MenuItem Text="Show All Files" DualIconLook-Base="Item" />
</Items>
</SubMenu>
</ec:MenuItem>
<ec:MenuItem Text="Help" DualIconLook-Base="TopItem" />
</Items>
</TopGroup>
</ec:ExpertMenu>
</form>
</body>
</HTML>