w3schools    w3Schools
Search :
   
HOME HTML CSS XML JAVASCRIPT ASP PHP SQL MORE...   References Examples Forum About
ADVERTISEMENTS

XML Certification
Download XML editor
Custom Programming
 
Table of contents
.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

References
Mobile Reference

Selected Reading
Web Statistics
Web Glossary
Web Hosting
Web Quality

Browse Tutorials
 

ASP.NET Mobile StyleSheet Control


ASP.NET Mobile Reference 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>


ASP.NET Mobile Reference Complete ASP.NET Mobile Reference