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

<%@ Page Language="C#" MasterPageFile="~/MasterPage.master" CodeFile="VisualStyles.aspx.cs" Inherits="C1Splitter_VisualStyles" %>

<%@ Register Assembly="C1.Web.UI.Controls.2" Namespace="C1.Web.UI.Controls.C1Splitter" TagPrefix="c1" %>
<%@ Register Src="../VisualStyleCombo.ascx" TagName="VisualStyleCombo" TagPrefix="uc1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="DescriptionPlaceHolder1" runat="Server">
    Create resizable panels in your apps without using any resizing code. Customize the look with CSS, mouse over styles, ToolTips, and images. C1Splitter also supports five embedded Visual Styles allowing you to consistently style your Web applications.
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">

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

        function _setHorizontal() {
            var controlObj = Sys.Application.findComponent("<%=c1splitter.ClientID%>");
            controlObj.set_orientation(0);
        }

        function _setVertical() {
            var controlObj = Sys.Application.findComponent("<%=c1splitter.ClientID%>");
            controlObj.set_orientation(1);
        }

        function _setSplitterStyle(val) {
            var controlObj = Sys.Application.findComponent("<%=c1splitter.ClientID%>");
            controlObj.set_splitterStyle(parseInt(val));
        }
        
    </script>

    <uc1:VisualStyleCombo ID="VisualStyleCombo1" runat="server" />
    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
        <ContentTemplate>
            <c1:C1Splitter ID="c1splitter" runat="server" Width="650px" Height="350px" SplitterDistance="230">
                <Panel2>
                    <ContentTemplate>
                        <div style="background: #fff;">
                            <img alt="" src="Images/grid.jpg" />
                        </div>
                    </ContentTemplate>
                </Panel2>
                <Panel1>
                    <ContentTemplate>
                        <div style="background: #fff; width: 100%; height: 100%;">
                            <img alt="" src="Images/mpicv.jpg" />
                        </div>
                    </ContentTemplate>
                </Panel1>
            </c1:C1Splitter>
        </ContentTemplate>
    </asp:UpdatePanel>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ControlOptionsHolder1" runat="Server">
    <p class="ControlOptions-Option-Header">
        Select Splitter Orientation</p>
    <div style="width: 150px; float: left;">
        &nbsp&nbsp&nbsp&nbsp&nbsp Horizontal / Vertical</div>
    &nbsp&nbsp<input id="Horizontal" type="radio" name="hv" onclick="_setHorizontal()" />Horizontal &nbsp&nbsp<input id="Vertical" type="radio" name="hv" checked="checked" onclick="_setVertical()" />Vertical
    <p class="ControlOptions-Option-Header">
        Select Splitter Style</p>
    <div style="width: 170px; float: left;">
        &nbsp&nbsp&nbsp&nbsp&nbsp SplitterStyle</div>
    <div style="width: 150px; float: left;">
        <select style="width: 150px;" onchange="_setSplitterStyle(this.value)">
            <option value="0">None</option>
            <option value="1" selected="selected">Thin</option>
            <option value="2">Thick</option>
            <option value="3">Arrow</option>
        </select>
    </div>
</asp:Content>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

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

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