ComponentOne ToolBar for ASP.NET AJAX: ToolBar Appearance > C1ToolBar CSS Selectors > C1ToolBar Separator Styles

C1ToolBar Separator Styles

C1ToolBarSeparator defines a separator on a toolbar. The default separator appears as a solid vertical line for a horizontal toolbar and a solid horizontal line for a vertical toolbar.

The following table describes the different CSS selectors used to style the C1ToolBarSeparator element.

 

CSS Selector

Property Value Example

Description

.C1ToolBar_ArcticFox-Horizontal .C1tbSeparator

{

            background: transparent url( 'Images/SeparatorH.gif' ) repeat-y center center;

}

Applies the vertical separator image to the horizontal toolbar.

.C1ToolBar_ArcticFox-Horizontal .C1tbSeparator .C1tbTextNode

{

            padding-top: 10px;

            width: 5px;

}

Applies the top padding and width to the separtor.

.C1ToolBar_ArcticFox-Horizontal .C1tbNoRoundedCorner .C1tbSeparator .C1tbTextNode

{

            padding-top: 8px;

}

Applies the style to the horizontal separator.

.C1ToolBar_ArcticFox-Vertical .C1tbSeparator

{

            padding: 3px 0 3px 0;

            background: transparent url( 'Images/SeparatorV.gif' ) repeat-x center center;

}

Applies the horizontal separator image to the vertical toolbar.


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