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!