StyleSheet Class
Organizes styles that will be applied to other controls.
public class System.Web.UI.MobileControls.StyleSheet :
System.Web.UI.MobileControls.MobileControl
Remarks
The StyleSheet control can contain any number of style objects, or more specialized style objects that inherit from the Style class. These should have unique name properties. You can then refer to other controls on the same page by their Name property.
This class has no visual representation.
A page can also use an external style sheet, and several pages can share the same external style sheet. For more information about styles, refer to the <Style> element and the Styles topic.
Note The StyleSheet control ignores its own style attributes; setting a style attribute on the StyleSheet control itself has no effect on the styles contained as children within the StyleSheet control.
Example
This example shows how you can add Style properties to a StyleSheet control during the page load event.
<%@ Page Inherits="System.Web.UI.MobileControls.MobilePage"
Language="VB" %>
<%@ Register TagPrefix="mobile"
Namespace="System.Web.UI.MobileControls"
Assembly="System.Web.Mobile" %>
<script runat=server language="vb">
Protected Sub Page_Load(sender As Object, e As EventArgs)
If Not IsPostBack Then
StyleSheet1("Style1").ForeColor = _
System.Drawing.Color.Red
StyleSheet1("Style1").Font.Size = _
System.Web.UI.MobileControls.FontSize.Large
StyleSheet1("Style1").Font.Bold = _
BooleanOption.True
StyleSheet1("Style1").Font.Italic = _
BooleanOption.True
StyleSheet1("Style2").ForeColor = _
System.Drawing.Color.Blue
StyleSheet1("Style2").Font.Size = _
System.Web.UI.MobileControls.FontSize.Normal
StyleSheet1("Style2").Font.Bold = _
BooleanOption.False
StyleSheet1("Style2").Font.Italic = _
BooleanOption.True
StyleSheet1("Style3").ForeColor = _
System.Drawing.Color.Green
StyleSheet1("Style3").Font.Size = _
System.Web.UI.MobileControls.FontSize.Small
StyleSheet1("Style3").Font.Bold = _
BooleanOption.False
StyleSheet1("Style3").Font.Italic = _
BooleanOption.False
End If
End Sub
Sub SelectStyle(sender As Object, e As EventArgs)
' Retrieve the style name as a string.
Dim myStyle As String
myStyle = SelectionList1.Selection.ToString()
' Match the style name and apply the style to TextView1.
Select (myStyle)
Case "hot"
TextView1.StyleReference = "Style1"
Case "medium"
TextView1.StyleReference = "Style2"
Case "mild"
TextView1.StyleReference = "Style3"
End Select
End Sub
</script>
<mobile:StyleSheet id="StyleSheet1" runat="server">
<Style Name="Style1" Font-Name="Arial"
BackColor="#E0E0E0" Wrapping="Wrap">
</Style>
<Style Name="Style2" Font-Name="Arial"
BackColor="blue" Wrapping="NoWrap">
</Style>
<Style Name="Style3" Font-Name="Arial Narrow"
BackColor="Green" Wrapping="NoWrap">
</Style></mobile:StyleSheet>
<mobile:Form id="Form1" runat="server">
<mobile:Label id="Label1" runat="server" Text="Today's Special"
StyleReference="title" />
<mobile:TextView id="TextView1" runat="server"
StyleReference="Style1">
Chili
</mobile:TextView>
<mobile:SelectionList runat="server" id="SelectionList1">
<item Text="hot" Value="hot"/>
<item Text="medium" Value="medium"/>
<item Text="mild" Value="mild"/>
</mobile:SelectionList>
<mobile:Command runat="server" Text="Select Style"
OnClick="SelectStyle" />
</mobile:Form>
[C#]
<%@ Page Inherits="System.Web.UI.MobileControls.MobilePage"
Language="c#" %>
<%@ Register TagPrefix="mobile"
Namespace="System.Web.UI.MobileControls"
Assembly="System.Web.Mobile" %>
<script runat=server language="c#">
protected void Page_Load(Object sender, EventArgs e)
{
if (!IsPostBack)
{
StyleSheet1["Style1"].ForeColor =
System.Drawing.Color.Red;
StyleSheet1["Style1"].Font.Size =
System.Web.UI.MobileControls.FontSize.Large;
StyleSheet1["Style1"].Font.Bold =
BooleanOption.True;
StyleSheet1["Style1"].Font.Italic =
BooleanOption.True;
StyleSheet1["Style2"].ForeColor =
System.Drawing.Color.Blue;
StyleSheet1["Style2"].Font.Size =
System.Web.UI.MobileControls.FontSize.Normal;
StyleSheet1["Style2"].Font.Bold =
BooleanOption.False;
StyleSheet1["Style2"].Font.Italic =
BooleanOption.True;
StyleSheet1["Style3"].ForeColor =
System.Drawing.Color.Green;
StyleSheet1["Style3"].Font.Size =
System.Web.UI.MobileControls.FontSize.Small;
StyleSheet1["Style3"].Font.Bold =
BooleanOption.False;
StyleSheet1["Style3"].Font.Italic =
BooleanOption.False;
}
}
void SelectStyle(object sender, EventArgs e)
{
// Retrieve the style name as a string.
String myStyle = SelectionList1.Selection.ToString();
// Match the style name and apply the style to TextView1.
switch (myStyle)
{
case "hot":
TextView1.StyleReference = "Style1";
break;
case "medium":
TextView1.StyleReference = "Style2";
break;
case "mild":
TextView1.StyleReference = "Style3";
break;
}
}
</script>
<mobile:StyleSheet id="StyleSheet1" runat="server">
<Style Name="Style1" Font-Name="Arial"
BackColor="#E0E0E0" Wrapping="Wrap">
</Style>
<Style Name="Style2" Font-Name="Arial"
BackColor="blue" Wrapping="NoWrap">
</Style>
<Style Name="Style3" Font-Name="Arial Narrow"
BackColor="Green" Wrapping="NoWrap">
</Style>
</mobile:StyleSheet>
<mobile:Form id="Form1" runat="server">
<mobile:Label id="Label1" runat="server" Text="Today's Special"
StyleReference="title" />
<mobile:TextView id="TextView1" runat="server"
StyleReference="Style1">
Chili
</mobile:TextView>
<mobile:SelectionList runat="server" id="SelectionList1">
<item Text="hot" Value="hot"/>
<item Text="medium" Value="medium"/>
<item Text="mild" Value="mild"/>
</mobile:SelectionList>
<mobile:Command runat="server" Text="Select Style"
OnClick="SelectStyle" />
</mobile:Form>
Requirements
Namespace: System.Web.UI.MobileControls
Assembly: System.Web.Mobile