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 Panel Control

Complete ASP.NET Mobile Reference

Definition and Usage

The Panel control defines a container for other controls on a mobile page.

Properties

Property	Value	Description
Alignment	left center right	Optional. How to align the panel
BackColor	rgb(x,x,x) #xxxxxx colorname	Optional. A background color for the panel
ForeColor	rgb(x,x,x) #xxxxxx colorname	Optional. A foreground color for the panel
Font-Bold	false true	Optional. Specifies whether or not the text in the panel should be bold
Font-Italic	false true	Optional. Specifies whether or not the text in the panel should be italic
Font-Name	fontname	Optional. Specifies the font name of the text in the panel
Font-Size	normal small large	Optional. Specifies the font size of the text in the panel
id	unique_name	Optional. A unique id for the control
runat	"server"	Required. Specifies that the control is a server control
StyleReference	name_of_style_element	Optional. Specifies a reference to a style to be applied to the control
Wrapping	wrap nowrap	Optional. Specifies whether or not the text in the panel should wrap

Example 1

The following example contains one form in an .aspx file. The form contains two Panel controls. The first Panel control has its Font-Bold property set to "true" and the Label controls inside this Panel control will inherit this property. The second Panel control has its ForeColor property set to "red" and the Label controls inside this Panel control will inherit this property:

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

<Mobile:Form runat="server">
  <Mobile:Panel runat="server" Font-Bold="true">
    <Mobile:Label runat="server">Audi</Mobile:Label>
    <Mobile:Label runat="server">BMW</Mobile:Label>
  </Mobile:Panel>
  <Mobile:Panel runat="server" ForeColor="red">
    <Mobile:Label runat="server">Saab</Mobile:Label>
    <Mobile:Label runat="server">Volvo</Mobile:Label>
  </Mobile:Panel>
</Mobile:Form>