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));
            }
        }
    }