Sample Calendar Views: Datepicker View

The Datepicker view is one of the most familiar ways to publish a calendar. It is immediately recognizable and works both as a mini-wall calendar as well as an event calendar. Days containing events are highlighted for easy identification. Rolling the mouse over an higlighted day displays the events for the day. More detail is available by clicking on an event.

The Datepicker is well suited for pages where screen space is at a premium, or where showing the days of the week is important. It is also useful when navigating across months is expected to be common.

Sample Calendar Views: Preview View

The Preview view displays a daily, weekly, monthly, or yearly period over which events are grouped by day. With the built-in scrollbar, an unlimited number of events may be displayed.

In addition, special 'scroll' or 'fade' effects may be added to automatically cycle through the period.

Variations of Preview (List / Labeled List, Table) may be used to change the organization, content, and format of the information displayed.

Sample Calendar Views: Month View

The Month view is the classic full 'wall calendar' display. It shows the date, start time, and a short summary for each event.

The Month view is well suited to larger screen spaces (e.g. 600x600 pixels).

Sample Calendar Views: Day View

The Day view presents a graphical display of a day's events. It is separated into two portions: the upper portion contains a list of 'allday' or 'anniversary' type events, and the lower portion holds a chart of 'partialday' events. Each portion is independently scrollable.

As with other views, event details are displayed by clicking on an event.

Several related views display a multi-day format:

• 3-Day (yesterday / today / tomorrow)
• 5-Day (work week)
• 7-Day (calendar week)

Sample Calendar Views: Table Views

The Table views concisely display each event within a single line. There are two distinct layouts of the Table view:

• Columnar - each event property is displayed in its own column
• Condensed - event properties are 'packed' together in a line

The Columnar layout is easier to read, but the Condensed layout generally contains more information.

Within each layout, either a summary of each event or the event start time may be displayed first. In either case, the event list is sorted chronologically.

Sample Calendar Views: List Views

The List views display detailed event information. Each event property is displayed in its own paragraph. This makes the List views verbose, but allows event details to be viewed without any further interaction.

The List views may also be labeled with the name of each event property.

Either a summary of each event or the event start time may be displayed first. In either case, the event list is sorted chronologically.