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

sun-weekView sun-week sun-day [sun-current] sun-dayHeader sun-dayDate sun-button sun-dayZoomIn For Additional Styles, see Day View
Previous Go Next

Sunday, March 30, 2003 - Saturday, April 5, 2003

View Day Sunday, March 30, 2003

Today's Events

 
11:00am

Urban New York at the SCREENING ROOM
meet at Lerner Hall Lobby

9 students

Ending Events

 

Salman Rushdie's MIDNIGHT'S CHILDREN
The Apollo Theatre
Humanities Festival at Columbia University

View Day Tuesday, April 1, 2003

No Events Today

List of All Available Elements

div id="sun-weekView"

The parent container around entire view template

back to sample | back to top

div class="sun-week"

The element containing all day containers

back to sample | back to top

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.

back to sample | back to top

h2 class="sun-dayHeader"

Header element containing the text for the date of this day, as well as the dayZoomIn link.

back to sample | back to top

span class="sun-dayDate"

The element containing the text for date of this day.

back to sample | back to top

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.

back to sample | back to top