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

<%@ Page Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="VisualStyles.aspx.cs" Inherits="C1MultiPage_VisualStyles" Title="Untitled Page" %>
<%@ Register Assembly="C1.Web.UI.Controls.2" Namespace="C1.Web.UI.Controls.C1MultiPage" TagPrefix="cc1" %>
<%@ Register src="../VisualStyleCombo.ascx" tagname="VisualStyleCombo" tagprefix="uc1" %>


<asp:Content ID="Content1" ContentPlaceHolderID="DescriptionPlaceHolder1" Runat="Server">
 Provide multiple pages of content all within one control with C1MultiPage. Each page is a Page object and can have its own unique content. To navigate, use the built-in buttons, custom buttons, or auto play feature to view the pages automatically. C1MultiPage also supports five embedded Visual Styles allowing you to consistently style your Web applications.
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">

   

        <uc1:VisualStyleCombo ID="VisualStyleCombo1" runat="server" />
        
        <br />
        
        <div style="float:left;">
        <cc1:C1MultiPage ID="C1MultiPage1" runat="server"  VisualStyle="ArcticFox" ShowToolBar="True" VisualStylePath="~/VisualStyles/" UseEmbeddedVisualStyles="True">
         <PageViews>
                <cc1:C1PageView runat="server" ID="C1PageView1">
                    <img src="Images/General.png"/>
                </cc1:C1PageView>
                <cc1:C1PageView ID="C1PageView2" runat="server">
                    <img src="Images/Sharing.png"/>
                </cc1:C1PageView>
                <cc1:C1PageView ID="C1PageView3" runat="server">
                    <img src="Images/Ports.png"/>
                </cc1:C1PageView>
                <cc1:C1PageView ID="C1PageView4" runat="server">
                    <img src="Images/Advanced.png"/>
                </cc1:C1PageView>
                 <cc1:C1PageView ID="C1PageView5" runat="server">
                     <img src="Images/Color.png"/>
                </cc1:C1PageView>
                <cc1:C1PageView ID="C1PageView6" runat="server">
                     <img src="Images/Security.png"/>
                </cc1:C1PageView>
                <cc1:C1PageView ID="C1PageView7" runat="server">
                     <img src="Images/About.png"/>
                </cc1:C1PageView>
            </PageViews>
        </cc1:C1MultiPage>

        </div>
        <br />
        <br />
        <br />
        
        <div style="width:200px;float:left;padding-left:40px;">
        <h3>Paging Using the Client Size Object Model</h3>
        <br />
        <asp:Button ID="btnFirst" runat="server" Text="First" Width="80px" OnClientClick="moveFirst();return;" UseSubmitBehavior=false/>
        <br />
        <asp:Button ID="btnPrev" runat="server" Text="Previous" Width="80px" OnClientClick="movePrevious();return;" UseSubmitBehavior=false/>
        <br />
        <asp:Button ID="btnNext" runat="server" Text="Next" Width="80px" OnClientClick="moveNext();return;" UseSubmitBehavior=false/>
        <br />
        <asp:Button ID="btnLast" runat="server" Text="Last" Width="80px" OnClientClick="moveLast();return;" UseSubmitBehavior=false/>
        </div>
        
        <script type="text/javascript">
        
            function moveFirst()
            {
                $find('<%= C1MultiPage1.ClientID %>').moveFirst();
            }
            
            function movePrevious()
            {
                $find('<%= C1MultiPage1.ClientID %>').movePrevious();
            }
            
            function moveNext()
            {
                $find('<%= C1MultiPage1.ClientID %>').moveNext();
            }
            
            function moveLast()
            {
                $find('<%= C1MultiPage1.ClientID %>').moveLast();
            }
        
        </script>

<br style="clear:both;"/><br /><br /><br /><br /><br />

</asp:Content>

<asp:Content ID="Content3" ContentPlaceHolderID="ControlOptionsHolder1" Runat="Server">
</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

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;

public partial class C1MultiPage_VisualStyles : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        VisualStyleCombo1.LinkPredefinedVisualStyles = true;
        VisualStyleCombo1.ThemeableControls.Clear();
        VisualStyleCombo1.ThemeableControls.Add(C1MultiPage1);
        
        
        
    }
}