Example: 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.

Example: 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.

Example: 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).

Eample: 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)

Example: 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.

Example: 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.

Example: Calendar Views: Other Views

Many additional calendar views (and variants) are available. A 'Multi-view' can also be used to combine several views with a 'tab' selector.

The Demo shows the current list of views and other options.

The InstantCal API has information on manually changing views, and other technical details.

Each calendar has a theme (color scheme), which can be selected from the set of standard themes (flat or gradient-style colors). Or, a custom theme may be defined.

Some views also have visual effects, such as scroll, fade, or ticker-style displays.

Although calendars may be displayed in a wide assortment of formats, we are always interested to hear what you think. If we missed something, or you have an idea for a new format, by all means please let us know!