Version

Getting Started with WebMonthCalendar

WebMonthCalendar supports the following four views that your end-users can see at any given point in time:

Month Calendar View: This is the first view you see in WebMonthCalendar where you can select the dates in a month.

WebMonthCalendar Views and Title Format in WebMonthCalendar 01.png

Month Selection View: This view contains the list of the months which is shown by clicking on the label of the month in the header.

WebMonthCalendar Views and Title Format in WebMonthCalendar 02.png

Year Selection View: This view contains the list of years which is shown by clicking on the label of the year in the header.

WebMonthCalendar Views and Title Format in WebMonthCalendar 03.png

Decade Selection View: This view contains the list of decades which is shown by clicking on the label of the year when the calendar is in the year selection view.

WebMonthCalendar Views and Title Format in WebMonthCalendar 04.png

The lists that can be opened by the end-user depend on how the WebMonthCalendar control’s TitleFormat property is configured. The TitleFormat property can be set to one of the following members of the CalendarTitleFormat enumeration:

  • Month — Title shows single label/button with current month.

  • MonthYear — Title shows single label/button with format based on the YearMonthPattern of the CultureInfo class (CultureInfo.DateTimeFormat.YearMonthPattern).

  • MonthAndYear — Title shows two labels/buttons with current month and year.

Note
Note:

If drop-down lists are enabled, then the corresponding month and year labels will behave as buttons with support for the following states: normal, mouse-over and pressed.

The above scenario works when the TitleFormat property is set to MonthAndYear. However when the TitileFormat is set to Month or MonthYear, clicking on the title opens the list of months with the year in the title; clicking on the year opens the list of years with the decade in the title; clicking on the decade opens up the list of decades.

You can set the TitleFormat property either by using the Microsoft® Visual Studio® Property Window or by using the following code:

In Visual Basic:

WebMonthCalendar1.TitleFormat = Infragistics.Web.UI.EditorControls.CalendarTitleFormat.Month

In C#:

WebMonthCalendar1.TitleFormat = Infragistics.Web.UI.EditorControls.CalendarTitleFormat.Month;