MiniMonth View
Miniature Month View
The miniMonth view template represents a calendar month's worth of events. The calendar month may display its day date numerals as links to that day's day view template. Likewise, the month's name may become a link to that month's month view template.
The miniMonth view is prefaced by a contextual header. Following
the contextual header is the bulk of the template: the main calendar
table (sun-month). This table contains a
caption element (sun-monthName) whose
contents is the name and year of this calendar month. This text may
become a link to a month view of this month, if the
criteria variable navMonth is set to true.
The table contains a header row containing table header cells
(sun-dayOfWeek) with an abbreviated form of the day of
the week (e.g. "Mon"). Each following row (sun-week)
contains table data cells (sun-day) representing each
day in the month. Each data cell contains a label
(sun-dayDate) of the date numeral. This label may
become a link to a day view for this day, if the
criteria variable navDay is set to true.
At the beginning of each week, there may also be an extra data cell and link to a week view for that week, if the criteria variable navWeek is set to true. If it is not, neither the data nor the link are displayed.
Sample
| Sun | Mon | Tue | Wed | Thu | Fri | Sat | |
|---|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | ||
| 7 | 8 | 9 | 10 | 11 | 12 | 13 | |
| 14 | 15 | 16 | 17 | 18 | 19 | 20 | |
| 21 | 22 | 23 | 24 | 25 | 26 | 27 | |
| 28 | 29 | 30 |
List of All Available Elements
div id="sun-miniMonthView"
The parent container around entire view template
table class="sun-month"
The table containing the entire calendar month
caption class="sun-monthName [sun-current]"
The element containing the name of the month.
If the month name happens to be today's month, the sun-current class is appended. In general, this class is given to elements whose time corresponds to today's time
If the criteria variable navMonth is set to true, the element will contain a link to the month view of this month
th class="sun-dayOfWeek"
The header table cell containing name of the day of the week (e.g. Sun, Mon)
tr class="sun-week"
The table row containing one calendar week
span class="sun-button sun-weekZoomIn"
This element is displayed only if the criteria variable navWeek is set to true. This element contains a link to view all events for this week in a week view. If the criteria variable is not set, the containing table cell is also not displayed.
td class="sun-day [sun-current] [sun-filler]"
The table cell <td> that contains each calendar day.
The sun-current class is given to the day whose day it is today.
Cells given the sun-day class can also have the sun-filler class, which signifies those extra days on a calendar month before the month's days starts and after the month's days ends.
span class="sun-dayDate"
This element contains the numeral of this day's date. For October 31, 2001, the day date would be 31. If there are events that happen on this date, this element will contain a link to the day view for this day. Otherwise, just the numeral.