DayPilot.Scheduler.treeAnimation

The treeAnimation property (boolean | "Auto") enables the Scheduler resource tree children expand/collapse animation.

Available since 2019.1.3572.

Declaration

DayPilot.Scheduler.treeAnimation

Default Value

true

Notes

You may want to disable the animation for heavy Scheduler views with lots of events or a large viewport.

true enables animation and remains the default. false disables animation. Since version 2026.4.7077, "Auto" enables animation unless the system requests reduced motion (prefers-reduced-motion: reduce).

Use treeAnimation: "Auto" to respect the user’s motion preference. treeAnimationDuration controls duration and treeAnimationEasing controls the timing curve.

Examples

JavaScript

const dp = new DayPilot.Scheduler("dp", {
  treeAnimation: false,
  // ...
});
dp.init();

Angular

<daypilot-scheduler [config]="config"></daypilot-scheduler>

config: DayPilot.SchedulerConfig = {
  treeAnimation: false,
  // ...
};

React

<DayPilotScheduler
  treeAnimation={false}
/>

Vue

<DayPilotScheduler
  :treeAnimation="false"
/>

See Also

DayPilot.Scheduler Class