C1Splitter consists of two panels separated by a splitter bar. The panels appear to the left and right of the splitter bar for vertical splits and top and bottom for horizontal splits. C1Splitter refers to the left/top panel in the designer as Panel1 and the right/bottom panel as Panel2. In the designer, you can control each panel's appearance and behavior through Panel1 and Panel2 properties. Both panels contain the same properties from the SplitterPanel object. You can apply different behaviors and styles to each panel since you can set each panel individually.
To achieve these customizations, you can use any of the properties in the SplitterPanel object:
|
Property |
Description |
|
Gets or sets the background color for the splitter panel it is applied to. | |
|
Gets or sets the background image url for the splitter panel it is applied to. | |
|
Gets or sets a value determining whether the panel is collapsed or expanded. | |
|
Gets or sets the css class name for the splitter panel. | |
|
Gets or sets the minimum size of a splitter panel. | |
|
Gets or sets the type of scroll bars to display for splitter panel. There are four options: None, Horizontal, Vertical, Both, and Auto. |
In the object model for C1Splitter, both panels are referred as the SplitterPanel. The SplitterPanel object contains properties and methods for Panel1 and Panel2.
Splitter Bar's Appearance and Behavior
C1Splitter's bar includes a variety of appearance and behavior properties to customize the bar's look and feel.
You can use the CssClass property to customize the look and feel of the splitter bar by defining general styles for its appearance. Additionally, you can provide further customization by defining individual styles for its different rendering states such as how the splitter bar appears when it is collapsed/expanded, while the mouse hovers over it, or when it is being moved.
The following section details the splitter bar's appearance and behavior properties used to control the look and feel of the splitter bar.
|
