Week View
Week View / Weekday View
The week view template represents a calendar week's worth of events. The weekday view template is nearly identical to the week view template, minus Saturday and Sunday. From here on, comments will refer only to week view, but will apply to weekday view as well.
Week view and Day view share many identical classes. Please refer to the day view for CSS class information in week view.
The week view template is prefaced by a contextual header. The bulk
of week view is a main container (sun-week) containing a
series of div containers (sun-day), each
containing all data and events pertaining to that day.
Each day container (sun-day) has a header element (sun-dayHeader),
which contains the label text for this day (sun-dayDate) and, if the criteria variable
navDay is set to true, a link to view this day in a day view template (sun-dayZoomIn).
Following the header element is the bulk of the event data. The format of this data is nearly identical to parts of that which appear under the day view documentation. It is recommended you refer to sections of the day view for more information.
Sample
Sunday, March 30, 2003
Today's Events |
|
|---|---|
| 11:00am |
Urban New York at the SCREENING ROOM 9 students |
Ending Events |
|
|---|---|
|
Salman Rushdie's MIDNIGHT'S CHILDREN
|
Tuesday, April 1, 2003
No Events Today
List of All Available Elements
div id="sun-weekView"
The parent container around entire view template
div class="sun-week"
The element containing all day containers
div class="sun-day [sun-current]"
The element containing all data and tables of events related to a single day.
The sun-current class is given to the container whose day it is today.
h2 class="sun-dayHeader"
Header element containing the text for the date of this day, as well as the dayZoomIn link.
span class="sun-dayDate"
The element containing the text for date of this day.
span class="sun-button sun-dayZoomIn"
This element is displayed only if the criteria variable navDay is set to true. This element contains a link to view all events for this day in a day view.