ComponentOne Splitter for ASP.NET AJAX: C1Splitter Objects > Splitter Bar

Splitter Bar

C1Splitter's divider is a bar that can be resized or formatted through the SplitterBar object, which allows for the following customizations:

      Changing the divider's width between the two panes.

      Adding a collapsed or expanded image to the bar to indicate collapsed or expanded panes.

      Applying a hover mouse-over style to the divider.

      Setting the location of the splitter bar.

      Applying custom CSS styles to further mark the distinction of a collapsed, dragged, or hovered divider.

To achieve these customizations, you can use any of the properties in the SplitterBar object:

 

Property

Description

CollapsedCssClass

Gets or sets the CSS class name for rendering the splitter bar while it is collapsed.

CollapseHoverImageUrl

Gets or sets the URL of the image that will be displayed on the splitter bar when it is collapsed and the mouse is over it.

CollapseImageUrl

Gets or sets the URL of image that will be displayed on splitter bar when it is collapsed.

CssClass

Gets or sets the CSS class name for rendering the splitter bar.

DragCssClass

Gets or sets the CSS class name for rendering the splitter bar while it is being dragged.

ExpandHoverImageUrl

Gets or sets the URL of image that will be displayed on splitter bar when it is expanded and the mouse is over it.

ExpandImageUrl

Gets or sets the URL of image that will be displayed on splitter bar when it is expanded.

HoverCssClass

Gets or sets the CSS class name for rendering the splitter bar while mouse is over it.

Tooltip

Gets or sets the ToolTip when mouse is over the splitter bar.

Width

Gets or sets the width of the splitter bar in pixels.


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