user experience matters

Examples




Simple examples using remote data sources

Google Calendar

This example loads data from public Google Calendars.

Yahoo Upcoming

This is a simple example that connects to the Yahoo Upcoming event service.

eBay

This is an example showing ongoing auctions from the eBay API.

Advanced examples

Chart example with basic rules

This is an example showing machine utilization levels in an external chart. The example also shows you how easy it is to add some basic restrictions to the scheduler.

Gears - Advanced example

This is a feature packed demo using Google Gears for storage. (If you don't have Gears install you can use Google Chrome which has Gears builtin).

Simple Gantt Chart

This is an example showing you how to turn the scheduler into a simple gantt chart. Tasks are colored depending on which group they belong to.

Editing event data

You can associate any meta data you want with a scheduled event. This example shows you one way of editing the meta data associated with the events in the scheduler (double click to show the editor).

Multiple rows per resource

Here's an example showing how you can show multiple "rows" for a single resource. It is all done using CSS, and it's very simple to do.

Column configuration options (new)

This example shows you a variety of different column options. Each column can represent hours, days, weeks, months or years. If you need a custom configuration, that is very easy to create too.

Column summary plugin (new)

This example shows you how the new ColumnSummary plugin works. For each resource, a number indicating either the total time or percentage allocated in the current view.

Drag drop from a grid (new)

Drag drop from an external grid onto the scheduler. Also includes a basic way of handling resource availability.

Lines and zones (new)

Plugin demonstration for the Zones and Lines plugins. You can add custom zones and lines to indicate special events or time spans such as vacation time or milestones.