vertical:
horizontal:
The C1Splitter is a container control that consists of a draggable bar that divides a container's display area into two resizable panes. This sample illustrates how to use the Orientation property to make a vertical or horizontal splitter. Other samples in this section will teach you how to make nested splitters and full-size splitters.
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
<%@ Page Title="" Language="C#" MasterPageFile="~/Wijmo.Master" AutoEventWireup="true" CodeBehind="Overview.aspx.cs" Inherits="ControlExplorer.C1Splitter.Overview" %> <%@ Register Assembly="C1.Web.Wijmo.Controls.3" Namespace="C1.Web.Wijmo.Controls.C1Splitter" TagPrefix="wijmo" %> <asp:Content ID="Content1" ContentPlaceHolderID="Head" runat="server"> <style type="text/css"> .splitterContainer { height: 210px; } .layout { float: left; } </style> </asp:Content> <asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server"> <div class="splitterContainer"> <div class="layout"> <p> vertical:</p> <wijmo:C1Splitter runat="server" ID="C1Splitter1" Orientation="Vertical" Width="200px" Height="200px" /> </div> <div class="layout" style="width: 100px;"> </div> <div class="layout"> <p> horizontal:</p> <wijmo:C1Splitter runat="server" ID="C1Splitter2" Orientation="Horizontal" Width="200px" Height="200px" /> </div> </div> </asp:Content> <asp:Content ID="Content3" ContentPlaceHolderID="Description" runat="server"> <p> The <strong>C1Splitter</strong> is a container control that consists of a draggable bar that divides a container's display area into two resizable panes. This sample illustrates how to use the <strong>Orientation</strong> property to make a vertical or horizontal splitter. Other samples in this section will teach you how to make nested splitters and full-size splitters.</p> </asp:Content> <asp:Content ID="Content4" ContentPlaceHolderID="ControlOptions" runat="server"> </asp:Content>
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; namespace ControlExplorer.C1Splitter { public partial class Overview : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { } } }