Touch Scheduler Examples

These examples are based on Sencha Touch, and can be viewed in any supported mobile device or in Chrome or Safari.

Basic example

Very simple getting started example of the scheduler in a tab panel.

Compact view

An example showing the compact view which is used by default on mobile phones.

Custom template

See how easy it is to use a custom HTML template for your tasks.

Editing Tasks

You can leverage Sencha Touch forms to easily edit your tasks.

Resource Zones

Visualize resource availability easily using a custom plugin.


Try zooming the time axis and changing the row height dynamically.

Lines and Zones plugins

The Scheduler supports showing custom dates and time spans through 2 plugins.


Styling the Scheduler is easy, all you need to know is a bit of CSS.

Vertical orientation

Vertical orientation demo.