A full-size split is a horizontal or vertical split that stretches to fill the content area of a Web browser. You can create a full-size split by setting one property: C1Splitter.FullSplit. In this topic, you'll learn how to set the C1Splitter.FullSplit property in Design view, Source view, and in code.

For more information on full-size splits, see Full-Size Split.

In Design View

Complete the following steps:

1. Add the C1Splitter control to the form.
2. In the Properties window, set the splitter's C1Splitter.FullSplit property to True.
3. Run the program and observe that the control expands to the width and height of your Web browser.
   

In Source View

Complete the following steps:

1. Click the Source button to enter Source view.
2. Place FullSize="True" within the <cc1:C1Splitter> tag so that the markup resembles the following:
   <cc1:C1Splitter ID="C1Splitter1" runat="server" Height="212px" FullSize="True"
   Width="221px"
3. Run the program and observe that the control expands to the width and height of your Web browser.
   

In Code

Complete the following steps:

1. Import the following namespace into your project:
   

   To write the code in Visual Basic:

     

   Visual Basic	Copy Code
   Imports C1.Web.Wijmo.Controls.C1Splitter

   To write the code in C#:

     

   C#	Copy Code
   using C1.Web.Wijmo.Controls.C1Splitter;

          
2. Add the following code, which sets the Orientation property, to the Page_Load event:        

   To write the code in Visual Basic:

     

   Visual Basic	Copy Code
   C1Splitter1.FullSplit = True

   To write the code in C#:

     

   C#	Copy Code
   C1Splitter1.FullSplit = true;

3. Run the program and observe that the control expands to the width and height of your Web browser.