Day View

The day view template represents a calendar day's worth of events. The day view is prefaced by a contextual header. The rest of the content is contained a container (sun-day).

Events are placed into one of three different categories: All Day, Ending, and Today's events. Each category has its own table of information (sun-events) with an additional class name: sun-allDay, sun-ending, sun-todays, as appropriate.

Each event table contains a header row (sun-categoryHead), with a table header cell containing a category label and an empty cell. In All Day and Ending event tables, this table header cell row-wise spans the entire table.

For all tables, each row is given an alternating class name (sun-rowOdd, sun-rowEven) to permit "zebra striping" for increased readability. The first cell of each row is given the class sun-sidebar in order to allow for customization of the leftmost column. For Today's events table, this table cell also contains a label (sun-eventTime) for the event time described by this row or group of rows.

For all tables, the other data cell in the row (sun-eventInfo) contains the information for a single event, in a format as specified by one's Event Day List brand template.

If no events matching given criteria are found, a message (sun-emptyMsg) is displayed saying such.

Sample

sun-dayView sun-day sun-events [sun-todays | sun-allDay | sun-ending] sun-categoryHead sun-sidebar sun-sidebar sun-rowOdd | sun-rowEven sun-eventInfo [sun-filler] sun-eventTime sun-emptyMsg
Previous Time Increment Next

Friday, March 8, 2002

Today's Events

 
8:00am  
10:00am  
12:00pm  
2:00pm

NCAA Peer Review Team Visit
Morningside Heights Campus

A team of administrators from other institutions will visit campus to evaluate Columbia's intercollegiate athletics programs.

4:00pm

Working Group H

6:00pm  
8:00pm  
10:00pm  

All Day Events

 

2002 Enrolled Student Survey - Attention all CC & SEAS students! Make your mark and help us improve your school - complete the on-line 2002 survey! Enter to win a $500 airline voucher and other great prizes!

Latinos and the Law Symposium - Lerner Hall - Welcome to the Fourth Annual "Latinos and the Law" Symposium There is a registration fee for this event, but it includes lunch, so it should be well worth it. For more information interested students should contact

Ending Events

 

INROADS - New York - We Are Still Recruiting! INROADS' mission is to develop and place talented minority youth in business and industry and prepare them for corporate and community leadership.

OPUS Student Council - OPUS Office, 530 S.W. Mudd - >Are you aware of the present state of OPUS and how changes will affect you?

or

No Events Today

List of All Available Elements

div id="sun-dayView"

The parent container around entire view template

back to sample | back to top

div class="sun-day"

The element containing all data and tables of events related to a single day.

back to sample | back to top

table class="sun-events [sun-todays | sun-allDay | sun-ending]"

The table containing this day's events of a given category. Depending on if these events are Today's Events, All Day Events, or Ending Events, this element is also given the class sun-todays, sun-allDay, or sun-ending, respectively.

back to sample | back to top

tr class="sun-categoryHead"

The table row containing information regarding the events' category. Contains the th.sun-sidebar cell.

back to sample | back to top

th class="sun-sidebar"

The header cell containing the name of the events' category contained in an <h3>

back to sample | back to top

td class="sun-sidebar"

The table data cell element used in Today's Events that contain the event time.

back to sample | back to top

tr class="sun-rowOdd | sun-rowEven"

The row containing event data, given an alternating class name, either sun-rowOdd or sun-rowEven, to allow stylesheets to ability to zebra stripe tables for better readability.

back to sample | back to top

td class="sun-eventInfo [sun-filler]"

The table data cell element containing event information.

The class sun-filler is given to cell elements containing no event information, appearing merely as a placeholder for that data ranges' events.

back to sample | back to top

span class="sun-eventTime"

The element containing the range of times a row of events falls under.

back to sample | back to top

p class="sun-emptyMsg"

The message generated if there are no events matching given criteria.

back to sample | back to top