Pan
Feature

Makes the scheduler's timeline pannable by dragging with the mouse. Try it out in the demo below.

// Enable Pan
const scheduler = new Scheduler({
  features : {
    pan : true,
    eventDragCreate : false
  }
});

This feature is disabled by default. For info on enabling it, see GridFeatures.

Incompatible with the EventDragCreate and the EventDragSelect features.

Configs

Configs are options you supply in a configuration object when creating an instance of this class

enableInHeader : Booleantrue

Set to false to not pan horizontally when dragging in the time axis header

Has a corresponding runtime enableInHeader property.
horizontal : Booleantrue

Set to false to not pan horizontally

Has a corresponding runtime horizontal property.
vertical : Booleantrue

Set to false to not pan vertically

Has a corresponding runtime vertical property.

Properties are getters/setters or publicly accessible variables on this class

enableInHeader : Booleantrue

Set to false to not pan horizontally when dragging in the time axis header

Has a corresponding enableInHeader config.
horizontal : Booleantrue

Set to false to not pan horizontally

Has a corresponding horizontal config.
isActive : Boolean

READONLY

Yields true if a pan gesture is in process.
vertical : Booleantrue

Set to false to not pan vertically

Has a corresponding vertical config.
isPan : Booleantrue

READONLY

ADVANCED

Identifies an object as an instance of Pan class, or subclass thereof.

Events are triggered for certain actions in this class and can be listened for to react to those actions in your code

Event handlers are callbacks called as a result of certain actions in this class