Return to the menu   Select another DES Module

Demonstrates showing multiple months.

The calendar can show more than one month. Use these properties to set up this feature:

  • MultiMonthRowCount – When 2 or higher, it shows multiple months in rows (stacked). It accepts values from 1 to 6.
  • MultiMonthColumnCount – When 2 or higher, it shows multiple months in columns (side-by-side). It accepts values from 1 to 6.
  • MultiMonthOrdering – When you show 2 or more months in both rows and columns, the months will draw sequentially across each row or down each column depending on this property.
  • MultiMonthTitleFormat – Each month has its own month title. You can customize the month and year with this property. In addition, DateTimeFormatInfo supplies the month names and the order of Month and Year.
  • MultiMonthHeaderHorizontalAlign – The horizontal alignment of the month name and year within the month header.

If you want to change the default style sheets used for the container of the months and the title, their styles are defined in the [web app]\DES\Appearance\Date And Time\Calendar.css file.


Controls

MultiMonthColumnCount=3

Previous Month
Next Month
December 2024 - February 2025 Select a Different Month
December 2024
SunMonTueWedThuFriSat
1234567
891011121314
15161718192021
22232425262728
2930311234
567891011
January 2025
SunMonTueWedThuFriSat
2930311234
567891011
12131415161718
19202122232425
2627282930311
2345678
February 2025
SunMonTueWedThuFriSat
2627282930311
2345678
9101112131415
16171819202122
2324252627281
2345678


MultiMonthRowCount=3, MultiMonthTitleFormat=Abbreviated, and MultiMonthHeaderHorizontalAlign=Left

3 rows and abbreviated month titles that are left justified.

Previous Month
Next Month
December 2024 - February 2025 Select a Different Month
Dec 2024
SunMonTueWedThuFriSat
1234567
891011121314
15161718192021
22232425262728
2930311234
567891011
Jan 2025
SunMonTueWedThuFriSat
2930311234
567891011
12131415161718
19202122232425
2627282930311
2345678
Feb 2025
SunMonTueWedThuFriSat
2627282930311
2345678
9101112131415
16171819202122
2324252627281
2345678

Source Code (C#)

<h2>MultiMonthColumnCount=3</h2>
<des:Calendar ID="Calendar1" runat="server" MultiMonthColumnCount="3"  />
<br/>
<br/>
<h2>MultiMonthRowCount=3, MultiMonthTitleFormat=Abbreviated, and MultiMonthHeaderHorizontalAlign=Left</h2>
3 rows and abbreviated month titles that are left justified.<br/><br/>
<des:Calendar ID="Calendar2" runat="server" MultiMonthRowCount="3" 
   MultiMonthTitleFormat="Abbreviated" MultiMonthHeaderHorizontalAlign="Left" />

Return to the menu   Select another DES Module