ComponentOne Window for ASP.NET AJAX: Window for ASP.NET AJAX Appearance > Styles > Content Styles

Content Styles

The C1Window control includes several CSS elements that allow you to customize the appearance of the dialog window's content. These elements include the following:

 

Style Property

Description

Example (ArcticFox theme)

.C1ContentPanel .C1Outer

Sets the outer border for when the control is not in focus.

 

.C1Window_ArcticFox .C1ContentPanel .C1Outer

{

  background:transparent url('<%= WebResource("C1.Web.UI.Controls.C1Window.VisualStyles.ArcticFox.Images.content_left_unfocused.gif")%>') repeat-y scroll left top;

  padding-left:5px;

}

.C1ContentPanel .C1Inner

Sets the inner border for when the control is not in focus.

 

.C1Window_ArcticFox .C1ContentPanel .C1Inner

{

  background:transparent url('<%= WebResource("C1.Web.UI.Controls.C1Window.VisualStyles.ArcticFox.Images.content_right_unfocused.gif")%>') repeat-y scroll right top;

  padding-right:5px;

}

.C1ContentPanel .C1Content

Sets the content background style.

 

.C1Window_ArcticFox .C1ContentPanel .C1Content

{

  background:#FFFFFF;

}

.C1ContentPanel .C1ContentTemplate

Sets the content template style.

 

.C1Window_ArcticFox .C1ContentPanel .C1ContentTemplate

{

  font-size:12px;

}

.C1Focus .C1ContentPanel .C1Outer

Sets the outer border for when the control is in focus.

 

.C1Window_ArcticFox .C1Focus .C1ContentPanel .C1Outer

{

  background:transparent url('<%= WebResource("C1.Web.UI.Controls.C1Window.VisualStyles.ArcticFox.Images.content_left.gif")%>') repeat-y scroll left top;

  padding-left:5px;

}

.C1Focus .C1ContentPanel .C1Inner

 

Sets the inner border for when the control is in focus.

 

.C1Window_ArcticFox .C1Focus .C1ContentPanel .C1Inner

{

  background:transparent url('<%= WebResource("C1.Web.UI.Controls.C1Window.VisualStyles.ArcticFox.Images.content_right.gif")%>') repeat-y scroll right top;

  padding-right:5px;

}

.C1Maximized .C1ContentPanel .C1Outer

Sets the outer border for when the control is maximized.

 

.C1Window_ArcticFox .C1Maximized .C1ContentPanel .C1Outer

{

  background-image: none;

  padding-left:0px;

}

.C1Maximized .C1ContentPanel .C1Inner

Sets the inner border for when the control is not maximized.

 

.C1Window_ArcticFox .C1Maximized .C1ContentPanel .C1Inner

{

  background-image: none;

  padding-right:0px;

}


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