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

Vertical C1ToolBar Styles

In addition to the styles for the horizontal toolbar there are specific CSS styles for the vertical toolbar.

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

 

CSS Selector

Property Value Example

Description

.C1ToolBar_ArcticFox-Vertical

{

border: solid 1px #999;

}

Applies the style to the vertical toolbar.

.C1ToolBar_ArcticFox-Vertical .C1tbContainer

{

background: url('Images/ToolbarBGV.png') repeat-x bottom left;

border: solid 1px #fff;

}

Applies the style to the container part of the vertical toolbar.

.C1ToolBar_ArcticFox-Vertical .C1tbTopPaddingGroup

margin-top:3px;

*/

            padding-top:3px;

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

}

Applies the style to the top padding group of the vertical toolbar.

.C1ToolBar_ArcticFox-Vertical .C1tbBottomPaddingGroup

margin-bottom:3px;

*/

            padding-bottom:3px;

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

Applies the style to the bottom padding group of the vertical toolbar.


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