ComponentOne Splitter for ASP.NET AJAX: Splitter for ASP.NET AJAX Task-Based Help > Applying CSS Styles to C1Splitter

Applying CSS Styles to C1Splitter

In situations where you need to apply the same style settings to several controls, you might want to use CSS style sheets to keep the intricacy and repetition of your code to a minimum. With a CSS style sheet, you can create classes specifying layout, border types, color, and typographic characteristics; once those classes are created, you can apply them to numerous controls, thus eliminating the need for code duplication.

You can add CSS styles to the C1Splitter 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. In the following topics, you will learn how to apply CSS styles to the different areas (C1Splitter, Panel1, Panel2, and SplitterBar) and states (collapsed, expanded, and hover) of the C1Splitter control.

These topics only cover CSS styling of a control. For information on how to style the C1Splitter control using the designer, HTML, or code, see Changing the Appearance of a C1Splitter control.

For more information on CSS Styling, see Splitter Bar CSS Styling and Panel CSS Styling.


Adding a Background Image to an Individual Panel

Adding a Border to a Panel

Adding a Border to the C1Splitter Control

Adding a Font Style to Each Panel

Adding Gradient Backgrounds to Individual Panels


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