Introduction and Demonstration
These high-level custom controls provide rich user interface and functionality.
This release of ASP.NET includes two rich controls: the Calendar control and the
AdRotator control.
| Control | Purpose |
| AdRotator | Displays different ad images and, when clicked, will navigate to the URL associated with that image. You can define the rotation schedule in an XML file. |
| Calendar | Displays a monthly calendar and lets the user select a date. |
The simplified syntax
of the rich controls is as follows:
<asp:adrotator
id="MyAdRotator" advertisementfile="ads.xml"
runat="server"
/>
<asp:calendar
id="MyCalendar" showdayheader="true"
todaydaystyle-backcolor="yellow"
todaydaystyle-forecolor="blue"
runat="server"
/>
These controls can then be referenced programmatically with code fragments like:
MyAdRotator.KeywordFilter = "Itorian"
Dim ShortDate As String
ShortDate = MyCalendar.TodaysDate.ToString("D")
MyLabel.Text = "Today
is " & ShortDate
Index.aspx Page
<%@
Page Language="VB"
AutoEventWireup="false"
CodeFile="Default.aspx.vb"
Inherits="_Default"
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD
XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Rich
Control Example</title>
<script
runat="server">
Sub Page_Load( )
MyAdRotator.KeywordFilter = "Itorian"
Dim ShortDate As String
ShortDate = MyCalendar.TodaysDate.ToString("D")
MyLabel.Text = "Today is " & ShortDate
End Sub
</script>
</head>
<body>
<h1>
Rich Control Example</h1>
<form
id="Form1"
runat="server">
<asp:Table
ID="MyTable"
border="1"
CellPadding="5"
CellSpacing="0"
runat="server">
<asp:TableRow
ID="Tablerow1"
runat="server">
<asp:TableCell
ID="Tablecell1"
runat="server">
AdRotator Control:
</asp:TableCell>
<asp:TableCell
ID="Tablecell2"
runat="server">
<asp:AdRotator
ID="MyAdRotator"
AdvertisementFile="ads.xml"
runat="server"
/>
</asp:TableCell>
</asp:TableRow>
<asp:TableRow
ID="Tablerow2"
runat="server">
<asp:TableCell
ID="Tablecell3"
runat="server">
Calendar Control:
</asp:TableCell>
<asp:TableCell
ID="Tablecell4"
runat="server">
<asp:Calendar
ID="MyCalendar"
ShowDayHeader="true"
TodayDayStyle-BackColor="yellow"
TodayDayStyle-ForeColor="blue"
runat="server"
/>
</asp:TableCell>
</asp:TableRow>
</asp:Table>
<asp:Label
ID="MyLabel"
runat="server"
/>
</form>
</body>
</html>
HAVE A HAPPY CODING!
Join the conversation! Your thoughts help the community grow.