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

Complete ASP.NET Mobile Reference

Definition and Usage

The Calendar control is used to display a calendar on a mobile page.

This control displays a one-month calendar that allows the user to select dates and move to the next and previous months.

Properties

Property	Value	Description
Alignment	left center right	Optional. How to align the control
BackColor	rgb(x,x,x) #xxxxxx colorname	Optional. A background color for the control
BreakAfter	true false	Optional. Default is true
CalendarEntryText	text	Optional. Specifies the text used on CHTML and WML devices to enter the Calendar control. Default is "Calendar"
EnableViewState	true false	Optional. Default is true
FirstDayOfWeek	Default Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sunday	Optional. Specifies the day of the week to display in the first column. If this property is set to "default" it uses the server's locale settings to determine which day of the week to display in the first column
ForeColor	rgb(x,x,x) #xxxxxx colorname	Optional. A foreground color for the control
Font-Bold	false true	Optional. Specifies whether or not the text in the control should be bold
Font-Italic	false true	Optional. Specifies whether or not the text in the control should be italic
Font-Name	fontname	Optional. Specifies the font name of the text in the control
Font-Size	normal small large	Optional. Specifies the font size of the text in the control
id	unique_name	Optional. A unique id for the control
OnSelectionChanged	function_name	Optional. The name of the function to be executed when the user selects a day, week, or month
runat	"server"	Required. Specifies that the control is a server control
SelectedDate	selecteddate	Optional. Specifies the currently selected date. Default is today's date
SelectionMode	Day DayWeek DayWeekMonth None	Optional. How a user is allowed to select dates. Default is Day. To disable date selection, set this property to "None"
ShowDayHeader	true false	Optional. Specifies whether or not the names of the days of the week should be displayed in the header of the calendar. Default is true
StyleReference	name_of_style_element	Optional. Specifies a reference to a style to be applied to the control
Visible	true false	Optional.
VisibleDate	visibleDateMonth	Optional. Specifies a date that specifies the month to display
Wrapping	wrap nowrap	Optional. Specifies whether or not the text in the control should wrap

Example 1

The following example contains two forms in an .aspx file. The first form displays a calendar. When the user select a date from the calendar, the selected date is displayed in another form:

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

<script runat="server">
Sub CalChanged(sender as Object,e as EventArgs)
lbl1.Text="You selected " & c1.SelectedDate
ActiveForm=f2
End Sub
</script>

<Mobile:Form id="f1" runat="server">
  <Mobile:Calendar id="c1"
  OnSelectionChanged="CalChanged" runat="server" />
</Mobile:Form>

<Mobile:Form id="f2" runat="server">
  <Mobile:Label id="lbl1" runat="server" />
</Mobile:Form>