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; } |
|