ComponentOne Splitter for ASP.NET AJAX: Splitter for ASP.NET AJAX Task-Based Help > Creating Different Split Types > Creating a Compound Split

Creating a Compound Split

You can use combine multiple C1Splitter objects to create compound splits. In this topic, you will learn how to nest a horizontal split within the first panel of a vertical split.

For more information on compound splits, see Compound Split.

Complete the following steps:

1.   Add the C1Splitter control to the form.

The default vertical split layout appears for C1Splitter.

2.   Select C1Splitter1, navigate to the Properties window, and set both the Height and Width properties to "212".

3.   Drag another C1Splitter control from the Visual Studio Toolbox and drop it into the right panel (Panel1) of C1Splitter1. C1Splitter2 is added to right panel. Observe that vertical and horizontal scrollbars appear to accommodate for the large size of the control.

 

Description: D:\Whidbey\T109\C1Splitter\WordDocuments\TBH\CompoundSplit_GreyBox.png

 

4.   Now you will need to resize C1Splitter2 so that it fits in the right panel of C1Splitter1. You can do this using either of the following techniques:

      Select C1Splitter2 and navigate to the Properties window. Adjust the Width property to "97" and its Height property to "210".

OR

      Starting from the bottom-right corner of C1Splitter2, drag C1Splitter2's container leftward and upward until it fits snugly into the left panel (Panel1) of C1Splitter1.

5.   Once C1Splitter2 is positioned correctly in the right panel, set its Orientation property to Horizontal.

Description: D:\Whidbey\T109\C1Splitter\WordDocuments\Other Graphics\10.png This Topic Illustrates the Following:

The following image displays C1Splitter1 nested within the left panel of  C1Splitter2:

 

 Description: D:\Whidbey\T109\C1Splitter\WordDocuments\TBH\CompoundSplit_Final.png


Send comments about this topic to ComponentOne.
Copyright © 1987-2010 ComponentOne LLC. All rights reserved.