1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187

<%@ Page Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true"
    CodeFile="Scrolling.aspx.cs" Inherits="C1Menu_Scrolling" Title="Untitled Page" %>

<%@ Register Assembly="C1.Web.UI.Controls.2" Namespace="C1.Web.UI.Controls.C1Menu"
    TagPrefix="cc1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="DescriptionPlaceHolder1" runat="Server">
    C1Menu can scroll top level menus, sub menus, and sub groups. You can set the scroll mode option to button click scrolling, button hover scrolling, edge hover scrolling, or scroll bars.
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">

    <script language="javascript" type="text/javascript">

    </script>

    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
        <ContentTemplate>
            <br />
            <br />
            <cc1:C1Menu ID="C1menu0" runat="server" VisualStylePath="~/VisualStyles/" VisualStyle="Office2007Blue"
                Width="600px" CssClass="c1-clear-both">
                <Items>
                    <cc1:C1MenuItem runat="server" Text="Home">
                    </cc1:C1MenuItem>
                    <cc1:C1MenuItem runat="server" Text="Events">
                    </cc1:C1MenuItem>
                    <cc1:C1MenuItem runat="server" NavigateUrl="http://www.componentone.com/Company.aspx"
                        NestedGroupCssClass="" Text="Company">
                    </cc1:C1MenuItem>
                    <cc1:C1MenuItemSeparator runat="server">
                    </cc1:C1MenuItemSeparator>
                    <cc1:C1MenuItem runat="server" Text="Videos" NavigateUrl="http://helpcentral.componentone.com/Videos.aspx">
                    </cc1:C1MenuItem>
                    <cc1:C1MenuItem runat="server" NavigateUrl="http://www.componentone.com/Products/StudioASPNET.aspx"
                        NestedGroupCssClass="" Text="Studio for ASP .NET">
                    </cc1:C1MenuItem>
                    <cc1:C1MenuItem runat="server" NavigateUrl="http://www.componentone.com/DownloadCenter.aspx"
                        NestedGroupCssClass="" Text="Downloads">
                    </cc1:C1MenuItem>
                    <cc1:C1MenuItemSeparator runat="server">
                    </cc1:C1MenuItemSeparator>
                    <cc1:C1MenuItem runat="server" Text="Samples" NavigateUrl="http://helpcentral.componentone.com/Samples.aspx">
                    </cc1:C1MenuItem>
                    <cc1:C1MenuItemSeparator runat="server">
                    </cc1:C1MenuItemSeparator>
                    <cc1:C1MenuItem runat="server" NavigateUrl="http://forums.componentone.com/CS/forums/"
                        NestedGroupCssClass="" Text="Forums">
                    </cc1:C1MenuItem>
                    <cc1:C1MenuItem runat="server" NavigateUrl="http://helpcentral.componentone.com/FAQs.aspx"
                        NestedGroupCssClass="" Text="FAQs">
                    </cc1:C1MenuItem>
                    <cc1:C1MenuItem runat="server" NavigateUrl="http://helpcentral.componentone.com/Articles.aspx"
                        NestedGroupCssClass="" Text="Articles">
                    </cc1:C1MenuItem>
                    <cc1:C1MenuItem runat="server" NavigateUrl="http://helpcentral.componentone.com/Documentation.aspx"
                        NestedGroupCssClass="" Text="Documentation">
                    </cc1:C1MenuItem>
                    <cc1:C1MenuItem runat="server" NavigateUrl="http://helpcentral.componentone.com/"
                        NestedGroupCssClass="" Text="Help Central">
                    </cc1:C1MenuItem>
                </Items>
                <ScrollSettings ScrollContentWidth="950px" ScrollMode="ButtonsHover">
                </ScrollSettings>
            </cc1:C1Menu>
            <p></p>
            <cc1:C1Menu ID="C1menu1" runat="server" VisualStylePath="~/VisualStyles/" VisualStyle="Office2007Blue"
                CssClass="c1-clear-both" Width="200px">
                <Items>
                    <cc1:C1MenuItem ID="C1MenuItem1" runat="server" Text="Sub Menu" NestedGroupHeight="100px"
                        Value="ScrollSettings1">
                        <Items>
                            <cc1:C1MenuItem runat="server" NavigateUrl="http://www.componentone.com/Company.aspx"
                                NestedGroupCssClass="" Text="Company">
                            </cc1:C1MenuItem>
                            <cc1:C1MenuItemSeparator runat="server">
                            </cc1:C1MenuItemSeparator>
                            <cc1:C1MenuItem runat="server" NavigateUrl="http://helpcentral.componentone.com/Videos.aspx"
                                NestedGroupCssClass="" Text="Videos">
                            </cc1:C1MenuItem>
                            <cc1:C1MenuItem runat="server" NavigateUrl="http://www.componentone.com/Products/StudioASPNET.aspx"
                                NestedGroupCssClass="" Text="Studio for ASP .NET">
                            </cc1:C1MenuItem>
                            <cc1:C1MenuItem runat="server" NestedGroupCssClass="" Text="Events">
                            </cc1:C1MenuItem>
                            <cc1:C1MenuItem runat="server" NavigateUrl="http://forums.componentone.com/CS/forums/"
                                NestedGroupCssClass="" Text="Forums">
                            </cc1:C1MenuItem>
                            <cc1:C1MenuItem runat="server" NavigateUrl="http://helpcentral.componentone.com/Samples.aspx"
                                NestedGroupCssClass="" Text="Samples">
                            </cc1:C1MenuItem>
                            <cc1:C1MenuItem runat="server" NavigateUrl="http://helpcentral.componentone.com/"
                                NestedGroupCssClass="" Text="Help Central">
                            </cc1:C1MenuItem>
                            <cc1:C1MenuItem runat="server" NavigateUrl="http://helpcentral.componentone.com/Documentation.aspx"
                                NestedGroupCssClass="" Text="Documentation">
                            </cc1:C1MenuItem>
                            <cc1:C1MenuItem runat="server" NavigateUrl="http://helpcentral.componentone.com/Articles.aspx"
                                NestedGroupCssClass="" Text="Articles">
                            </cc1:C1MenuItem>
                            <cc1:C1MenuItem runat="server" NavigateUrl="http://helpcentral.componentone.com/FAQs.aspx"
                                NestedGroupCssClass="" Text="FAQs">
                            </cc1:C1MenuItem>
                        </Items>
                        <ScrollSettings ScrollMode="ButtonsHover" ScrollOrientation="Vertical">
                        </ScrollSettings>
                    </cc1:C1MenuItem>
                    <cc1:C1MenuItemSeparator ID="C1MenuItem10" runat="server">
                    </cc1:C1MenuItemSeparator>
                    <cc1:C1MenuItem ID="C1MenuItem11" runat="server" NavigateUrl="http://www.componentone.com/DownloadCenter.aspx"
                        NestedGroupCssClass="" Text="Sub Group">
                        <Items>
                            <cc1:C1MenuItemHeader runat="server" Text="Links">
                            </cc1:C1MenuItemHeader>
                            <cc1:C1MenuItemGroup runat="server" NestedGroupCssClass="" NestedGroupHeight="100px" Value="ScrollSettings2">
                                <Items>
                                    <cc1:C1MenuItem runat="server" NavigateUrl="http://forums.componentone.com/CS/forums/"
                                        NestedGroupCssClass="" Text="Forums">
                                    </cc1:C1MenuItem>
                                    <cc1:C1MenuItemSeparator runat="server">
                                    </cc1:C1MenuItemSeparator>
                                    <cc1:C1MenuItem runat="server" NavigateUrl="http://helpcentral.componentone.com/FAQs.aspx"
                                        NestedGroupCssClass="" Text="FAQs">
                                    </cc1:C1MenuItem>
                                    <cc1:C1MenuItem runat="server" NavigateUrl="http://helpcentral.componentone.com/Articles.aspx"
                                        NestedGroupCssClass="" Text="Articles">
                                    </cc1:C1MenuItem>
                                    <cc1:C1MenuItem runat="server" NavigateUrl="http://helpcentral.componentone.com/Documentation.aspx"
                                        NestedGroupCssClass="" Text="Documentation">
                                    </cc1:C1MenuItem>
                                    <cc1:C1MenuItem runat="server" NavigateUrl="http://helpcentral.componentone.com/"
                                        NestedGroupCssClass="" Text="Help Central">
                                    </cc1:C1MenuItem>
                                    <cc1:C1MenuItem runat="server" NavigateUrl="http://helpcentral.componentone.com/Samples.aspx"
                                        NestedGroupCssClass="" Text="Samples">
                                    </cc1:C1MenuItem>
                                    <cc1:C1MenuItemSeparator runat="server">
                                    </cc1:C1MenuItemSeparator>
                                    <cc1:C1MenuItem runat="server" NavigateUrl="http://www.componentone.com/Products/StudioASPNET.aspx"
                                        NestedGroupCssClass="" Text="Studio for ASP .NET">
                                    </cc1:C1MenuItem>
                                    <cc1:C1MenuItem runat="server" NavigateUrl="http://helpcentral.componentone.com/Videos.aspx"
                                        NestedGroupCssClass="" Text="Videos">
                                    </cc1:C1MenuItem>
                                </Items>
                                <ScrollSettings ScrollMode="ButtonsHover" ScrollOrientation="Vertical">
                                </ScrollSettings>
                            </cc1:C1MenuItemGroup>
                            <cc1:C1MenuItemHeader runat="server" Text="Company">
                            </cc1:C1MenuItemHeader>
                            <cc1:C1MenuItem runat="server" NavigateUrl="http://www.componentone.com/Company.aspx"
                                NestedGroupCssClass="" Text="Company">
                            </cc1:C1MenuItem>
                        </Items>
                    </cc1:C1MenuItem>
                </Items>
            </cc1:C1Menu>
           <p></p>
        </ContentTemplate>
    </asp:UpdatePanel>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ControlOptionsHolder1" runat="Server">
    <asp:UpdatePanel ID="UpdatePanel2" runat="server">
        <ContentTemplate>
            <fieldset>
                <legend>Select Scroll Mode Options</legend>
                <div class="controloptionscontainer radio">
                    <div class="controloptions">
                        <asp:RadioButton GroupName="MenuTemplateGroup" ID="RadioButton_Click" Text="Button Click Scrolling"
                            runat="server" AutoPostBack="True" OnCheckedChanged="RadioButton_Click_CheckedChanged" />
                    </div>
                    <div class="controloptions">
                        <asp:RadioButton GroupName="MenuTemplateGroup" ID="RadioButton_ButtonsHover" Text="Button Hover Scrolling"
                            Checked="true" runat="server" AutoPostBack="True" OnCheckedChanged="RadioButton_Hover_CheckedChanged" />
                    </div>
                    <div class="controloptions">
                        <asp:RadioButton GroupName="MenuTemplateGroup" ID="RadioButton_Edge" Text="Edge Hover Scrolling"
                            runat="server" AutoPostBack="True" OnCheckedChanged="RadioButton_Edge_CheckedChanged" />
                    </div>
                    <div class="controloptions">
                        <asp:RadioButton GroupName="MenuTemplateGroup" ID="RadioButton_ScrollBars" Text="ScrollBars"
                            runat="server" AutoPostBack="True" OnCheckedChanged="RadioButton_ScrollBars_CheckedChanged" />
                    </div>
                </div>
            </fieldset>
        </ContentTemplate>
    </asp:UpdatePanel>
</asp:Content>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83

using System;
using System.Collections;
using System.Configuration;
using System.Data;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using C1.Web.UI.Controls.C1Menu;

public partial class C1Menu_Scrolling : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        if (Page.IsPostBack)
        {
            ApplyMenuConfigOptions();
        }
    }
    protected void RadioButton_Click_CheckedChanged(object sender, EventArgs e)
    {
        
    }
    protected void RadioButton_Hover_CheckedChanged(object sender, EventArgs e)
    {
        
    }
    protected void RadioButton_Edge_CheckedChanged(object sender, EventArgs e)
    {
        
    }
    protected void RadioButton_ScrollBars_CheckedChanged(object sender, EventArgs e)
    {
        
    }

    private void ApplyMenuConfigOptions()
    {
        C1menu0.Height = Unit.Empty;
        C1menu0.ScrollSettings.ScrollContentHeight = Unit.Empty;
        C1MenuItem menuItem1 = (C1MenuItem)C1menu1.FindItemByValue("ScrollSettings1");
        C1MenuItemGroup menuItem2 = (C1MenuItemGroup)C1menu1.FindItemByValue("ScrollSettings2");
        //
        //Sub Menu
        if (RadioButton_Click.Checked)
        {
            C1menu0.ScrollSettings.ScrollMode = C1.Web.UI.DOMScrollMode.Buttons;
            menuItem1.ScrollSettings.ScrollMode = C1.Web.UI.DOMScrollMode.Buttons;
            menuItem2.ScrollSettings.ScrollMode = C1.Web.UI.DOMScrollMode.Buttons;
        }
        else if (RadioButton_Edge.Checked)
        {
            C1menu0.ScrollSettings.ScrollMode = C1.Web.UI.DOMScrollMode.Hover;
            menuItem1.ScrollSettings.ScrollMode = C1.Web.UI.DOMScrollMode.Hover;
            menuItem2.ScrollSettings.ScrollMode = C1.Web.UI.DOMScrollMode.Hover;
        }
        else if (RadioButton_ButtonsHover.Checked)
        {
            C1menu0.ScrollSettings.ScrollMode = C1.Web.UI.DOMScrollMode.ButtonsHover;
            menuItem1.ScrollSettings.ScrollMode = C1.Web.UI.DOMScrollMode.ButtonsHover;
            menuItem2.ScrollSettings.ScrollMode = C1.Web.UI.DOMScrollMode.ButtonsHover;
        }
        else if (RadioButton_ScrollBars.Checked)
        {
            /*
            if (!string.IsNullOrEmpty(Page.Request.Browser.Browser) && Page.Request.Browser.Browser.IndexOf("IE") != -1)
            {
                // Assign height only for IE?:
            }*/
            
            C1menu0.Height = Unit.Pixel(45);
            C1menu0.ScrollSettings.ScrollContentHeight = Unit.Pixel(27);

            C1menu0.ScrollSettings.ScrollMode = C1.Web.UI.DOMScrollMode.ScrollBar;
            menuItem1.ScrollSettings.ScrollMode = C1.Web.UI.DOMScrollMode.ScrollBar;
            menuItem2.ScrollSettings.ScrollMode = C1.Web.UI.DOMScrollMode.ScrollBar;
        }

    }
}