As you can see in the screenshots, this is a fully capable calendar view for specifying appointments and all day events. It has several features so you can control what happens inside, like item blocking and item-oriented events.
It's 100% managed code! No resources; as with most of my projects, you can just include all the source files into your project to make it work.
I found a couple of controls like this, but as always, they don't meet my needs, so here I come. It performs fairly well, but mostly will depend on your implementation - I'll explain that in the next section.
Using the Code
To add a calendar to your form, just drag the
Calendar control. It's located under the
When to Use it
It can be used to display any information that is based on a date, not just appointments and meetings. Think about it, on what ugly control do you display your system log?
Controlling the View
The view of the
Calendar is given by a date range provided by the
ViewEnd properties. Depending on the number of days between these two dates, the calendar will draw them.
Calendar can show days in two modes:
Expanded is the style of the first screenshot: the days are shown in a column, and items are placed in the time they belong; while the
Short mode (second screenshot) shows days on week rows, and items are shown in a more compact way.
An important property here is
MaximumFullDays (by default, 8). This property indicates that when you specify a view of 8 days or less, the days will be shown in
Expanded mode. Any more days will be displayed in
Feeding Items to the Calendar
The calendar tells you when to add items to it with the
LoadItems event. In that event, you should manage to bring information to display in the calendar, by adding items to the
Items collection of the calendar. The event is raised every time the view changes. I strongly suggest that you use caching and not query the database every time this event is raised, because performance will be severely affected.
The demo project in the source loads items from a memory array, so it's not the best example.
private void calendar1_LoadItems(object sender, CalendarLoadEventArgs e)
foreach(CalendarItem item in loadedItems)
I strongly suggest to add items that only intersect with the calendar's view range. You can learn how to check date intersection by taking a look at the implementation of
public static bool DateIntersects(DateTime startA, DateTime endA,
DateTime startB, DateTime endB)
return startB < endA && startA < endB;
Since you can explore other members using IntelliSense I list events here; they are important because they let you control your application of the
DayHeaderClick: Occurs when a day header is clicked.
ItemClick: Occurs when an item is clicked.
ItemCreated: Occurs when an item is successfully created.
ItemCreating: Occurs when the user is about to create an item. It can be cancelled.
ItemDatesChanged: Occurs when the date range of an item changes.
ItemDeleted: Occurs when an item is successfully deleted.
ItemDeleting: Occurs when the user is about to delete an item. It can be cancelled.
ItemDoubleClick: Occurs when an item is double clicked.
ItemMouseHover: Occurs when the mouse is placed over an item.
ItemSelected: Occurs when an item is selected.
ItemTextEdited: Occurs when an item's text is edited by the user.
ItemTextEditing: Occurs when the user is trying to edit an item's text. It can be cancelled.
LoadItems: Occurs when the Calendar view is changed.
Some Nice Features
When items intersect in their date ranges, there's a nice algorithm that performs a layout to accommodate them. Give it a try.
Although a Renderer takes charge of drawing items, you can specify the background colors and borders to items individually.
Even better, you can use the
ApplyColor method (in
CalendarItem) to an item, and the code will take charge of shading colors for the background, border, and text.
In the demo application, use the calendar's contextual menu to apply coloring to items.
You can choose between options of time scaling, though, the default is 30 minutes like Outlook's calendar. Here is a sample of a 15 minutes timescale.
In the demo application, use the calendar's contextual menu to choose different timescale options.
Don't you absolutely hate the way the
MonthCalendar control behaves on your UI? Well, here is the solution. Now, the project contains a control called
MonthView, which looks like the Outlook calendar's view, fully customizable, and it does not force the size of the control; the visualization of months will depend on the size of the container.
Some interesting properties of the control are:
FirstDayOfWeek - To change what day your weeks start with.
ItemPadding - To set the padding of the internal items, so you can make a compact or not so much view.
WorkWeekStart - To specify what day the work-weeks start with.
WorkWeekEnd - To specify what day the work-weeks end with.
- Aug 02 2009: First release.
- Aug 05 2009
- License changed to LGPL.
- Added the
FirstDayOfWeek property to change what day your weeks start with.
- Added the
Tag property to
- Aug 27 2009
- Added minute exact indicators.
- Added keyboard arrows support.
ImageAlign properties to
CalendarItem for adding images to items.
PatternColor properties to
CalendarItem for marking items with textures.
- Added the
MonthView control to have a nice calendar control.