ComponentOne Window for ASP.NET AJAX: Window for ASP.NET AJAX Appearance > Styles > Status Bar Styles

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;

}


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