Rich Controls in ASP.NET using VB.NET

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.

ControlPurpose
AdRotatorDisplays 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.
CalendarDisplays 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!

Up Next
    Ebook Download
    View all
    Learn
    View all