HOME HTML CSS XML JAVASCRIPT ASP PHP SQL MORE...

.NET Mobile

Mobile HOME
Mobile Intro
Mobile Example
Mobile Emulators
Mobile Forms
Mobile Events
Mobile Input
Mobile Validation
Mobile Lists
Mobile Selection
Mobile Images
Mobile Utilities

Reference

Mobile Reference

ASP.NET Mobile StyleSheet Control

Complete ASP.NET Mobile Reference

Definition and Usage

The StyleSheet control defines styles to apply to other controls.

The StyleSheet control can contain any number of <Style> elements. Each Style element must have a unique name. The name may be used to refer to each Style element from other controls on the same page.

A mobile page can also use an external style sheet. To create an external style sheet, you create a user control and a StyleSheet control in an .ascx file. To refer to this file, you add a StyleSheet control on a page and set its ReferencePath property to the URL of the .ascx file.

Properties

Property	Value	Description
id	unique_name	Optional. A unique id for the control
ReferencePath	URL	Optional. Specifies a relative path to an .ascx file that contains a set of style elements
runat	"server"	Required. Specifies that the control is a server control

Example 1

The following example is an .aspx page with two labels in a form. Each label has a reference to an internal style. The text in the first label will be displayed in bold and the text in the second label will be displayed in red:

<%@ Page Inherits="System.Web.UI.MobileControls.MobilePage"%>
<%@ Register TagPrefix="Mobile"
Namespace="System.Web.UI.MobileControls"
Assembly="System.Web.Mobile" %>

<Mobile:StyleSheet runat="server">
  <Style name="title" Font-Bold="true" />
  <Style name="message" ForeColor="red" />
</Mobile:StyleSheet>

<Mobile:Form id="f1" runat="server">
  <Mobile:Label runat="server" Text="Hello W3Schools!"
  StyleReference="title" />
  <Mobile:Label runat="server" Text="This is a nice day!"
  StyleReference="message" />
</Mobile:Form>