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

See Also

User Controls | Styles