Year View

The year view template represents a calendar year's worth of events, broken into months. Calendar months are shown whose day date numerals may become links to that day's day view template and whose month names may become links to that month's month view template.

Year view and miniMonth view share many identical CSS classes. Please refer to the miniMonth view for additional CSS class information to this Year View.

The year view is prefaced by a contextual header. The rest of the view is contained by a div container (sun-year). This element contains twelve generic containers (sun-monthContainer), each which contain all data pertaining to a month's worth of days. Again, additional information may be found at the miniMonth view documentation

Sample

sun-yearView sun-year sun-monthContainer For Additional Styles, see MiniMonth
Previous Starting Month Go Next

2003

January 2003
  Sun Mon Tue Wed Thu Fri Sat
View       1 2 3 4
View 5 6 7 8 9 10 11
View 12 13 14 15 16 17 18
View 19 20 21 22 23 24 25
View 26 27 28 29 30 31  
February 2003
  Sun Mon Tue Wed Thu Fri Sat
View             1
View 2 3 4 5 6 7 8
View 9 10 11 12 13 14 15
View 16 17 18 19 20 21 22
View 23 24 25 26 27 28  
March 2003
  Sun Mon Tue Wed Thu Fri Sat
View             1
View 2 3 4 5 6 7 8
View 9 10 11 12 13 14 15
View 16 17 18 19 20 21 22
View 23 24 25 26 27 28 29
View 30 31          

List of All Available Elements

div id="sun-yearView"

The parent container around entire view template

back to sample | back to top

div class="sun-year"

The parent container for all the monthContainers

back to sample | back to top

div class="sun-monthContainer"

The container for month table

back to sample | back to top