C1ToolBarCheckButton defines a toolbar check button on a toolbar. This is used for state buttons that operate as a toggle button. The following table describes the different CSS selectors used to style the C1ToolBarCheckButton element.
In each type of toolbar item there are additional classes based on the state of the item. These include the following for the C1ToolBarDropDownList element: .C1ToolBar_ArcticFox .C1tbCheckButton-Hover .C1tbCheckButtonImage, .C1ToolBar_ArcticFox .C1tbChecked .C1tbCheckButtonImage, and .C1ToolBar_ArcticFox .C1tbIndeterminate .C1tbCheckButtonImage.
The following table describes the different CSS selectors used to style the C1ToolBarCheckButton element.
|
CSS Selector |
Property Value Example |
Description |
|
.C1ToolBar_ArcticFox .C1tbCheckButtonImage |
{ padding-left: 18px; vertical-align: middle; } |
Applies the style to the check button image for the C1ToolBarCheckButton item. |
|
.C1ToolBar_ArcticFox .C1tbCheckButton .C1tbCheckButtonImage |
{ background: transparent url( 'Images/Unchecked.gif' ) no-repeat left center; } |
Applies the style to the C1ToolBarCheckButton item. |
|
.C1ToolBar_ArcticFox .C1tbCheckButton-Hover .C1tbCheckButtonImage |
{ background: transparent url( 'Images/Unchecked-Hover.gif' ) no-repeat left center; } |
Applies the style to the C1ToolBarCheckButton hover-state item. |
|
.C1ToolBar_ArcticFox .C1tbChecked .C1tbCheckButtonImage |
{ background: transparent url( 'Images/Checked.gif' ) no-repeat left center; } |
Applies the style to the checked state of the C1ToolBarCheckButton item. |
|
.C1ToolBar_ArcticFox .C1tbIndeterminate .C1tbCheckButtonImage |
{ background: transparent url( 'Images/UnFullChecked.gif' ) no-repeat left center; } |
Applies the style to the indeterminate state of the C1ToolBarCheckButton. |
|
