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
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!