Status Bar Styles
The C1Window control includes several CSS elements that allow you to customize the appearance of the dialog window's status bar, including the spinner image and text. These elements include the following:
Style Property |
Description |
Example (ArcticFox theme) |
.C1ContentPanel .C1StatusBar |
Sets the status bar's style. |
.C1Window_ArcticFox .C1ContentPanel .C1StatusBar { background:transparent url('<%= WebResource("C1.Web.UI.Controls.C1Window.VisualStyles.ArcticFox.Images.status.gif")%>') repeat-x scroll 0pt top; height:30px; } |
.C1ContentPanel .C1Spinner |
Sets the style and location of the control's content loading image.
|
.C1Window_ArcticFox .C1ContentPanel .C1Spinner { height:16px; width:16px; background:url('<%= WebResource("C1.Web.UI.Controls.C1Window.VisualStyles.ArcticFox.Images.Loading.gif")%>') no-repeat; float:left; margin: 4px 0 0 5px; } |
.C1ContentPanel .C1SpinnerContainer |
Sets the loading image container's style.
|
.C1Window_ArcticFox .C1ContentPanel .C1SpinnerContainer { height:30px; width:30px; background:url('<%= WebResource("C1.Web.UI.Controls.C1Window.VisualStyles.ArcticFox.Images.status_separator.gif")%>') no-repeat; background-position:right; float:left; } |
.C1ContentPanel .C1StatusTemplate |
Sets the status template's style.
|
.C1Window_ArcticFox .C1ContentPanel .C1StatusTemplate { line-height:30px; font-size:12px; } |
.C1Footer .C1Outer |
Sets the outer status bar border for when the control is not in focus.
|
.C1Window_ArcticFox .C1Footer .C1Outer { background:transparent url('<%= WebResource("C1.Web.UI.Controls.C1Window.VisualStyles.ArcticFox.Images.footer_left_unfocused.gif")%>') no-repeat scroll left bottom; padding-left:5px; } |
.C1Footer .C1Inner |
Sets the inner status bar border for when the control is not in focus.
|
.C1Window_ArcticFox .C1Footer .C1Inner { background:transparent url('<%= WebResource("C1.Web.UI.Controls.C1Window.VisualStyles.ArcticFox.Images.footer_right_unfocused.gif")%>') no-repeat scroll right bottom; padding-right:5px; } |
.C1Footer .C1Content |
Sets the status bar's content style when the control is not in focus.
|
.C1Window_ArcticFox .C1Footer .C1Content { height: 5px; background:transparent url('<%= WebResource("C1.Web.UI.Controls.C1Window.VisualStyles.ArcticFox.Images.footer_center_unfocused.gif")%>') repeat-x scroll left bottom; font-size:0px; } |
.C1Focus .C1Footer .C1Outer |
Sets the outer status bar border for when the control is in focus.
|
.C1Window_ArcticFox .C1Focus .C1Footer .C1Outer { background:transparent url('<%= WebResource("C1.Web.UI.Controls.C1Window.VisualStyles.ArcticFox.Images.footer_left.gif")%>') no-repeat scroll left bottom; padding-left:5px; } |
.C1Focus .C1Footer .C1Inner |
Sets the inner status bar border for when the control is in focus.
|
.C1Window_ArcticFox .C1Focus .C1Footer .C1Inner { background:transparent url('<%= WebResource("C1.Web.UI.Controls.C1Window.VisualStyles.ArcticFox.Images.footer_right.gif")%>') no-repeat scroll right bottom; padding-right:5px; } |
.C1Focus .C1Footer .C1Content |
Sets the status bar's content style when the control is in focus.
|
.C1Window_ArcticFox .C1Focus .C1Footer .C1Content { height: 5px; background:transparent url('<%= WebResource("C1.Web.UI.Controls.C1Window.VisualStyles.ArcticFox.Images.footer_center.gif")%>') repeat-x scroll left bottom; font-size:0px; } |
.C1Focus-C1Maximized .C1Footer .C1Outer |
Sets the status bar's styles when the control is in focus and maximized. |
.C1Window_ArcticFox .C1Focus-C1Maximized .C1Footer .C1Outer { display:none; } |
|