<%@ 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"%>
<%@ 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 : Scrollable Menu Group</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="Office03Olive" EnableViewState="False">
<Looks>
<ec:MenuGroupLook Id="OffsetGroup" Base="Group" Offset-Horizontal="-6" Offset-Vertical="5" />
<ec:TextLook Id="HeaderItem" Cursor="Default" Wrap="False" Align-Horizontal="Center" Border-Style="Solid" Border-Width="1px" Border-Color="#7A7A4E" Padding-All="3px" Background-Color="#CAD8A9" Font-Name="MS Sans Serif" Font-Size="12px" Font-Bold="True" />
</Looks>
<TopGroup Look-Base="Null">
<Items>
<ec:MenuGroup Look-Base="Group" Look-Align-Vertical="Top">
<Items>
<ec:MenuSeparator TextLook-Base="HeaderItem" TextLook-Text="SlideScroll" />
<ec:MenuItem Text="Vertical Fixed Size" DualIconLook-Base="ParentIconItem">
<SubMenu Look-Base="OffsetGroup" Look-Height="250px" Look-SlideScroller-Delay="10" Look-Overflow="SlideScroll">
<Items>
<ec:MenuItem Text="New window" />
<ec:MenuItem Text="Arrange All" />
<ec:MenuItem Text="Compare Side by Side with..." Enabled="False" />
<ec:MenuItem Text="Split" />
<ec:MenuSeparator />
<ec:MenuItem Text="1 Document1" />
<ec:MenuItem Text="2 Document2" />
<ec:MenuItem Text="3 Document3" />
<ec:MenuItem Text="4 Document4" />
<ec:MenuItem Text="5 Document5" />
<ec:MenuItem Text="6 Document6" />
<ec:MenuItem Text="7 Document7" />
<ec:MenuItem Text="8 Document8" />
<ec:MenuItem Text="9 Document9" />
<ec:MenuItem Text="10 Document10" />
<ec:MenuItem Text="11 Document11" />
<ec:MenuItem Text="12 Document12" />
<ec:MenuItem Text="13 Document13" />
<ec:MenuItem Text="14 Document14" />
<ec:MenuItem Text="15 Document15" />
<ec:MenuItem Text="16 Document16" />
<ec:MenuItem Text="17 Document17" />
<ec:MenuItem Text="18 Document18" />
<ec:MenuItem Text="19 Document19" />
<ec:MenuItem Text="20 Document20" />
</Items>
</SubMenu>
</ec:MenuItem>
<ec:MenuItem Text="Vertical Auto Size" DualIconLook-Base="ParentIconItem">
<SubMenu Look-Base="OffsetGroup" Look-Overflow="SlideScroll">
<Items>
<ec:MenuItem Text="New window" />
<ec:MenuItem Text="Arrange All" />
<ec:MenuItem Text="Compare Side by Side with..." Enabled="False" />
<ec:MenuItem Text="Split" />
<ec:MenuSeparator />
<ec:MenuItem Text="1 Document1" />
<ec:MenuItem Text="2 Document2" />
<ec:MenuItem Text="3 Document3" />
<ec:MenuItem Text="4 Document4" />
<ec:MenuItem Text="5 Document5" />
<ec:MenuItem Text="6 Document6" />
<ec:MenuItem Text="7 Document7" />
<ec:MenuItem Text="8 Document8" />
<ec:MenuItem Text="9 Document9" />
<ec:MenuItem Text="10 Document10" />
<ec:MenuItem Text="11 Document11" />
<ec:MenuItem Text="12 Document12" />
<ec:MenuItem Text="13 Document13" />
<ec:MenuItem Text="14 Document14" />
<ec:MenuItem Text="15 Document15" />
<ec:MenuItem Text="16 Document16" />
<ec:MenuItem Text="17 Document17" />
<ec:MenuItem Text="18 Document18" />
<ec:MenuItem Text="19 Document19" />
<ec:MenuItem Text="20 Document20" />
<ec:MenuItem Text="21 Document21" />
<ec:MenuItem Text="22 Document22" />
<ec:MenuItem Text="23 Document23" />
<ec:MenuItem Text="24 Document24" />
<ec:MenuItem Text="25 Document25" />
<ec:MenuItem Text="26 Document26" />
<ec:MenuItem Text="27 Document27" />
<ec:MenuItem Text="28 Document28" />
<ec:MenuItem Text="29 Document29" />
</Items>
</SubMenu>
</ec:MenuItem>
<ec:MenuItem Text="Horizontal Fixed Size" DualIconLook-Base="ParentIconItem">
<SubMenu>
<Look Base="TopGroup" Width="400px" Overflow="SlideScroll" Orientation="Horizontal" Offset-Vertical="12">
<SlideScroller Step="5" Delay="15" />
</Look>
<Items>
<ec:MenuItem Text="1 Document1" TextLook-Base="TopItem" />
<ec:MenuItem Text="2 Document2" TextLook-Base="TopItem" />
<ec:MenuItem Text="3 Document3" TextLook-Base="TopItem" />
<ec:MenuItem Text="4 Document4" TextLook-Base="TopItem" />
<ec:MenuItem Text="5 Document5" TextLook-Base="TopItem" />
<ec:MenuItem Text="6 Document6" TextLook-Base="TopItem" />
<ec:MenuItem Text="7 Document7" TextLook-Base="TopItem" />
<ec:MenuItem Text="8 Document8" TextLook-Base="TopItem" />
<ec:MenuItem Text="9 Document9" TextLook-Base="TopItem" />
</Items>
</SubMenu>
</ec:MenuItem>
<ec:MenuItem Text="Horizontal Auto Size" DualIconLook-Base="ParentIconItem">
<SubMenu>
<Look Base="TopGroup" Overflow="SlideScroll" Orientation="Horizontal" Offset-Vertical="12">
<SlideScroller Step="5" Delay="15" />
</Look>
<Items>
<ec:MenuItem Text="1 Document1" TextLook-Base="TopItem" />
<ec:MenuItem Text="2 Document2" TextLook-Base="TopItem" />
<ec:MenuItem Text="3 Document3" TextLook-Base="TopItem" />
<ec:MenuItem Text="4 Document4" TextLook-Base="TopItem" />
<ec:MenuItem Text="5 Document5" TextLook-Base="TopItem" />
<ec:MenuItem Text="6 Document6" TextLook-Base="TopItem" />
<ec:MenuItem Text="7 Document7" TextLook-Base="TopItem" />
<ec:MenuItem Text="8 Document8" TextLook-Base="TopItem" />
<ec:MenuItem Text="9 Document9" TextLook-Base="TopItem" />
<ec:MenuItem Text="10 Document10" TextLook-Base="TopItem" />
<ec:MenuItem Text="11 Document11" TextLook-Base="TopItem" />
<ec:MenuItem Text="12 Document12" TextLook-Base="TopItem" />
<ec:MenuItem Text="13 Document13" TextLook-Base="TopItem" />
<ec:MenuItem Text="14 Document14" TextLook-Base="TopItem" />
<ec:MenuItem Text="15 Document15" TextLook-Base="TopItem" />
</Items>
</SubMenu>
</ec:MenuItem>
</Items>
</ec:MenuGroup>
<ec:MenuGroup Look-Base="Group" Look-Align-Vertical="Top">
<Items>
<ec:MenuSeparator TextLook-Base="HeaderItem" TextLook-Text="Scroll" />
<ec:MenuItem Text="Vertical Fixed Size" DualIconLook-Base="ParentIconItem">
<SubMenu Look-Base="OffsetGroup" Look-Height="250px" Look-Overflow="Scroll">
<Items>
<ec:MenuItem Text="New window" />
<ec:MenuItem Text="Arrange All" />
<ec:MenuItem Text="Compare Side by Side with..." Enabled="False" />
<ec:MenuItem Text="Split" />
<ec:MenuSeparator />
<ec:MenuItem Text="1 Document1" />
<ec:MenuItem Text="2 Document2" />
<ec:MenuItem Text="3 Document3" />
<ec:MenuItem Text="4 Document4" />
<ec:MenuItem Text="5 Document5" />
<ec:MenuItem Text="6 Document6" />
<ec:MenuItem Text="7 Document7" />
<ec:MenuItem Text="8 Document8" />
<ec:MenuItem Text="9 Document9" />
<ec:MenuItem Text="10 Document10" />
<ec:MenuItem Text="11 Document11" />
<ec:MenuItem Text="12 Document12" />
<ec:MenuItem Text="13 Document13" />
<ec:MenuItem Text="14 Document14" />
<ec:MenuItem Text="15 Document15" />
<ec:MenuItem Text="16 Document16" />
<ec:MenuItem Text="17 Document17" />
<ec:MenuItem Text="18 Document18" />
<ec:MenuItem Text="19 Document19" />
<ec:MenuItem Text="20 Document20" />
</Items>
</SubMenu>
</ec:MenuItem>
<ec:MenuItem Text="Vertical Auto Size" DualIconLook-Base="ParentIconItem">
<SubMenu Look-Base="OffsetGroup" Look-Overflow="Scroll">
<Items>
<ec:MenuItem Text="New window" />
<ec:MenuItem Text="Arrange All" />
<ec:MenuItem Text="Compare Side by Side with..." Enabled="False" />
<ec:MenuItem Text="Split" />
<ec:MenuSeparator />
<ec:MenuItem Text="1 Document1" />
<ec:MenuItem Text="2 Document2" />
<ec:MenuItem Text="3 Document3" />
<ec:MenuItem Text="4 Document4" />
<ec:MenuItem Text="5 Document5" />
<ec:MenuItem Text="6 Document6" />
<ec:MenuItem Text="7 Document7" />
<ec:MenuItem Text="8 Document8" />
<ec:MenuItem Text="9 Document9" />
<ec:MenuItem Text="10 Document10" />
<ec:MenuItem Text="11 Document11" />
<ec:MenuItem Text="12 Document12" />
<ec:MenuItem Text="13 Document13" />
<ec:MenuItem Text="14 Document14" />
<ec:MenuItem Text="15 Document15" />
<ec:MenuItem Text="16 Document16" />
<ec:MenuItem Text="17 Document17" />
<ec:MenuItem Text="18 Document18" />
<ec:MenuItem Text="19 Document19" />
<ec:MenuItem Text="20 Document20" />
</Items>
</SubMenu>
</ec:MenuItem>
<ec:MenuItem Text="Vertical Auto Size" DualIconLook-Base="ParentIconItem">
<SubMenu Look-Base="OffsetGroup" Look-Overflow="Scroll">
<Items>
<ec:MenuItem Text="New window" />
<ec:MenuItem Text="Arrange All" />
<ec:MenuItem Text="Compare Side by Side with..." Enabled="False" />
<ec:MenuItem Text="Split" />
<ec:MenuSeparator />
<ec:MenuItem Text="1 Document1" />
<ec:MenuItem Text="2 Document2" />
<ec:MenuItem Text="3 Document3" />
<ec:MenuItem Text="4 Document4" />
<ec:MenuItem Text="5 Document5" />
<ec:MenuItem Text="6 Document6" />
<ec:MenuItem Text="7 Document7" />
<ec:MenuItem Text="8 Document8" />
<ec:MenuItem Text="9 Document9" />
<ec:MenuItem Text="10 Document10" />
<ec:MenuItem Text="11 Document11" />
<ec:MenuItem Text="12 Document12" />
<ec:MenuItem Text="13 Document13" />
<ec:MenuItem Text="14 Document14" />
<ec:MenuItem Text="15 Document15" />
<ec:MenuItem Text="16 Document16" />
<ec:MenuItem Text="17 Document17" />
<ec:MenuItem Text="18 Document18" />
<ec:MenuItem Text="19 Document19" />
<ec:MenuItem Text="20 Document20" />
<ec:MenuItem Text="21 Document21" />
<ec:MenuItem Text="22 Document22" />
<ec:MenuItem Text="23 Document23" />
<ec:MenuItem Text="24 Document24" />
<ec:MenuItem Text="25 Document25" />
<ec:MenuItem Text="26 Document26" />
<ec:MenuItem Text="27 Document27" />
<ec:MenuItem Text="28 Document28" />
<ec:MenuItem Text="29 Document29" />
</Items>
</SubMenu>
</ec:MenuItem>
<ec:MenuItem Text="Horizontal Fixed Size" DualIconLook-Base="ParentIconItem">
<SubMenu Look-Base="TopGroup" Look-Width="400px" Look-Overflow="Scroll" Look-Orientation="Horizontal" Look-Offset-Vertical="12">
<Items>
<ec:MenuItem Text="1 Document1" TextLook-Base="TopItem" />
<ec:MenuItem Text="2 Document2" TextLook-Base="TopItem" />
<ec:MenuItem Text="3 Document3" TextLook-Base="TopItem" />
<ec:MenuItem Text="4 Document4" TextLook-Base="TopItem" />
<ec:MenuItem Text="5 Document5" TextLook-Base="TopItem" />
<ec:MenuItem Text="6 Document6" TextLook-Base="TopItem" />
<ec:MenuItem Text="7 Document7" TextLook-Base="TopItem" />
<ec:MenuItem Text="8 Document8" TextLook-Base="TopItem" />
<ec:MenuItem Text="9 Document9" TextLook-Base="TopItem" />
</Items>
</SubMenu>
</ec:MenuItem>
<ec:MenuItem Text="Horizontal Auto Size" DualIconLook-Base="ParentIconItem">
<SubMenu Look-Base="TopGroup" Look-Overflow="Scroll" Look-Orientation="Horizontal" Look-Offset-Vertical="12">
<Items>
<ec:MenuItem Text="1 Document1" TextLook-Base="TopItem" />
<ec:MenuItem Text="2 Document2" TextLook-Base="TopItem" />
<ec:MenuItem Text="3 Document3" TextLook-Base="TopItem" />
<ec:MenuItem Text="4 Document4" TextLook-Base="TopItem" />
<ec:MenuItem Text="5 Document5" TextLook-Base="TopItem" />
<ec:MenuItem Text="6 Document6" TextLook-Base="TopItem" />
<ec:MenuItem Text="7 Document7" TextLook-Base="TopItem" />
<ec:MenuItem Text="8 Document8" TextLook-Base="TopItem" />
<ec:MenuItem Text="9 Document9" TextLook-Base="TopItem" />
<ec:MenuItem Text="10 Document10" TextLook-Base="TopItem" />
<ec:MenuItem Text="11 Document11" TextLook-Base="TopItem" />
<ec:MenuItem Text="12 Document12" TextLook-Base="TopItem" />
<ec:MenuItem Text="13 Document13" TextLook-Base="TopItem" />
<ec:MenuItem Text="14 Document14" TextLook-Base="TopItem" />
<ec:MenuItem Text="15 Document15" TextLook-Base="TopItem" />
</Items>
</SubMenu>
</ec:MenuItem>
</Items>
</ec:MenuGroup>
</Items>
</TopGroup >
</ec:ExpertMenu>
<br>
<ecd:DescriptionView runat="server" IconUrl="../../images/kv.gif" ID="Descriptionview1">
<ecd:Description id="Description1" runat="server">This example demonstrates how menu groups can be scrolled.</ecd:Description>
<ecd:Description id="Description2" runat="server">To control scrolling behaviour of a menu
group use <b>MenuGroupLook's</b> <b>Overflow</b> property (of type <b>Overflow</b>).</ecd:Description>
<ecd:Description id="Description3" runat="server">When Overflow is set to <b>SlideScroll</b> value
a group is scrollable with <b>SlideScroller</b> look. <b>SlideScroller</b> is a special look
containing left, top, right and bottom images.</ecd:Description>
<ecd:Description id="Description4" runat="server">When Overflow is set to <b>Scroll</b> value
a group is scrollable with scroll bars.</ecd:Description>
<ecd:Description id="Description5" runat="server">When Overflow is set to <b>Scroll</b> or
<b>SlideScroll</b> the group size is automatically adjusted to window boundaries
and the relevant scrolling look is applied.</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>