Controlling how a day is rendered in the Calendar (C#) : Calendar « ASP.net Controls « ASP.NET Tutorial






  1. ASP.NET Tutorial
  2. ASP.net Controls
  3. Calendar
<%@ Page Language="C#" %>

<script runat="server">
    protected void Calendar1_DayRender(object sender, DayRenderEventArgs e)
    {
        e.Cell.VerticalAlign = VerticalAlign.Top;

        if (e.Day.DayNumberText == "25")
        {
            e.Cell.Controls.Add(new LiteralControl("User Group Meeting!"));
            e.Cell.BorderColor = System.Drawing.Color.Black;
            e.Cell.BorderWidth = 1;
            e.Cell.BorderStyle = BorderStyle.Solid;
            e.Cell.BackColor = System.Drawing.Color.LightGray;
        }
    }
</script>

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
    <title>Using the Calendar Control</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:Calendar ID="Calendar1" 
                      Runat="server" 
                      OnDayRender="Calendar1_DayRender" 
                      Height="190px" 
                      BorderColor="White" 
                      Width="350px" 
                      ForeColor="Black" 
                      BackColor="White" 
                      BorderWidth="1px" 
                      NextPrevFormat="FullMonth" 
                      Font-Names="Verdana" 
                      Font-Size="9pt">
            <SelectedDayStyle ForeColor="White" 
             BackColor="#333399"></SelectedDayStyle>
            <OtherMonthDayStyle ForeColor="#999999"></OtherMonthDayStyle>
            <TodayDayStyle BackColor="#CCCCCC"></TodayDayStyle>
            <NextPrevStyle ForeColor="#333333" VerticalAlign="Bottom" 
             Font-Size="8pt" Font-Bold="True"></NextPrevStyle>
            <DayHeaderStyle Font-Size="8pt" Font-Bold="True"></DayHeaderStyle>
            <TitleStyle ForeColor="#333399" BorderColor="Black" Font-Size="12pt" 
                Font-Bold="True" BackColor="White" BorderWidth="4px">
            </TitleStyle>
        </asp:Calendar>
    </div>
    </form>
</body>
</html>








3.21.Calendar
3.21.1.Important properties of the Calendar control
3.21.2.Calendar style
3.21.3.Convert Selected Date from Calendar to Long Date String
3.21.4.title style, day header style, today style, and other month day style
3.21.5.Calendar with events
3.21.6.Calendar selection changed event (C#)
3.21.7.Format value retrieved from asp:Calendar (C#)
3.21.8.Format value from asp:Calendar as 'dddd, MMMM dd yyyy' (VB.net)
3.21.9.Calendar day renderer event (C#)
3.21.10.Appointment based on Calendar (C#)
3.21.11.Bind selected dates from a calendar to asp:BulletedList
3.21.12.Creating a Pop-up Date Picker
3.21.13.Retrieving a range of dates from a selection (C#)
3.21.14.Retrieving a range of dates from a selection (VB)
3.21.15.Controlling how a day is rendered in the Calendar (C#)
3.21.16.Controlling how a day is rendered in the Calendar (VB)
3.21.17.Calendar control and some of its colorful styles