customize Calendar Control

• Download Calander.zip - 1.9 KB

Introduction

Customize calendar control to add day wise information and formating.

Using the code

 <asp:Calendar ID="Calendar1" runat="server" BackColor="White" 
            BorderColor="Black" Font-Names="Verdana" Font-Size="9pt" 
            ForeColor="Black" Height="250px" NextPrevFormat="ShortMonth" 
            Width="330px" BorderStyle="Solid" CellSpacing="1" 
            OnDayRender="Calendar1_DayRender">
            
            <SelectedDayStyle BackColor="#333399" ForeColor="White" />
            <TodayDayStyle BackColor="#999999" ForeColor="White" />
            <DayStyle BackColor="#CCCCCC" />
            <OtherMonthDayStyle ForeColor="#999999" />
            <NextPrevStyle Font-Size="8pt" ForeColor="White" Font-Bold="True" />
            <DayHeaderStyle Font-Bold="True" Font-Size="8pt" ForeColor="#333333"
                Height="8pt" />
            <TitleStyle BackColor="#333399" Font-Bold="True" 
                Font-Size="12pt" ForeColor="White"
                Height="12pt" BorderStyle="Solid" /></asp:Calendar> 


  Code Behind: 

        //array for 12 months and 31 days
    string[,] schedDay = new string[13, 32];

    protected void Page_Load(object sender, EventArgs e)
    {
        // Prepare day(schedule) list before using it.
        schedDay[1, 1] = "1st  Jan";
        schedDay[1, 14] = "KiteDay";
        schedDay[2, 14] = "(?@#$%^&)";
        schedDay[3, 18] = "Don't Know";
        schedDay[4, 1] = "Fool Day";
        schedDay[4, 15] = "MMMMM";
        schedDay[5, 2] = "Don't Know";
        schedDay[6, 8] = "My Day";
        schedDay[7, 21] = "21th  Jul";
        schedDay[8, 11] = "11 - Aug";
        schedDay[9, 18] = "Sep -18";
        schedDay[10, 6] = "LLLFKKKFK";
        schedDay[11, 11] = "11 - 11";
        schedDay[12, 31] = "The - End";
        
    }

    protected void Calendar1_DayRender(object sender, DayRenderEventArgs e)
    {
        CalendarDay day = (CalendarDay)e.Day;
        TableCell cell = (TableCell)e.Cell;

        // Check day being rendered is of given month or other.
        // It is required because calander display you some day of previous month 
        // and next moth.
        if (!day.IsOtherMonth)
        {
            String dayStr = schedDay[day.Date.Month, day.Date.Day];
            if (dayStr != null)
            {
                // Format the Cell
                cell.BackColor = System.Drawing.Color.Tan;

                //Write some description about day
                cell.Controls.Add(new LiteralControl("<BR>" + dayStr));
            }
        }
    }
 

This article has no explicit license attached to it but may contain usage terms in the article text or the download files themselves. If in doubt please contact the author via the discussion board below.

A list of licenses authors might use can be found here