Click here to Skip to main content
Click here to Skip to main content
Go to top

customize Calendar Control

, 24 Apr 2007
Rate this:
Please Sign up or sign in to vote.
customize Calendar Control to add Day Information and day wise formating.
Screenshot - image.jpg

Introduction

Customize calendar control to add day wise information and formating.


Using the code

Control:

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

By : Paresh [ web.pbp@gmail.com ]

www.pbpworld.co.nr

www.ebooks.110mb.com

License

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

Share

About the Author

pbp_286
Web Developer
India India
No Biography provided

Comments and Discussions

 
GeneralMy vote of 3 Pinmemberpufo20-Mar-11 23:29 
GeneralNice Idea - I suggest a nice enhancement PinmemberCody_213-May-07 3:41 
GeneralRe: Nice Idea - I suggest a nice enhancement Pinmemberrochana_bg3-May-07 12:37 
GeneralRe: Nice Idea - I suggest a nice enhancement PinmemberCody_213-May-07 12:42 
GeneralRe: Nice Idea - I suggest a nice enhancement [modified] PinmemberCody_214-May-07 4:37 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

| Advertise | Privacy | Mobile
Web02 | 2.8.140921.1 | Last Updated 25 Apr 2007
Article Copyright 2007 by pbp_286
Everything else Copyright © CodeProject, 1999-2014
Terms of Service
Layout: fixed | fluid