You can apply CSS styling to modify the styling of a C1Splitter's elements. C1Splitter offers four properties that allow you to alter the splitter bar with CSS styles. The properties are named and described in the table below.

 

Property	Description
CssClass	Gets or sets the css class name for rendering the splitter bar in its default state.
CollapsedCssClass	Gets or sets the css class name for rendering the splitter bar while it is collapsed.
DragCssClass	Gets or sets the css class name for rendering the splitter bar while it is being dragged.
HoverCssClass	Gets or sets the css class name for rendering the splitter bar while mouse is over it.

 

You can add CSS styles to the control by adding a CSS style sheet to your project and setting an element's property to one of the CSS classes specified in your style sheet. To change the color of the default splitter bar, for example, you would add a class similar to the following to the style sheet:

 

.SplitterResting

{

       Background-color:Red; 

}

 

Once the class is added to the style sheet, you can assign the SplitterResting class to the CssClass property to apply the background color to the splitter bar. 

CSS style sheets are particularly useful if you have numerous controls that you want to add the same styles to. For example, you can create one style sheet that specifies the characteristics of a control's border and apply it to both a C1Splitter control and a C1TabControl control.

For information about applying CSS styles to the splitter panels, see Panel CSS Styling.

For task-based help on CSS styling, see Applying CSS Styles to C1Splitter.

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