user experience matters

Examples




Basic Example

This example shows the basic functionalities of the Scheduler. Drag and drop, resize and create events. It shows you how to style events differently and how to change the time span of the Scheduler.

Drag drop from external widget

Drag and drop tasks from an external list onto the scheduler. The tasks are individually styled depending on event and resource metadata.

Zones

This example shows you how to create zones. You can setup both simple zones and recurring zones.

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

Tree View

This example shows the TreeScheduler with nested parents and children.

Column locking view

This example shows the TreeScheduler with locked static columns

Header configuration

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.

Gxt Gantt Examples

Gantt Chart

This example is a example the Gxt Gantt.