DayPilot.Scheduler.treeAnimationDuration

The treeAnimationDuration property ("Auto" | number) sets the duration of the resource tree expand/collapse animation in milliseconds.

Declaration

DayPilot.Scheduler.treeAnimationDuration

Default Value

"Auto"

Notes

"Auto" chooses a duration suited to the expanded or collapsed group, normally within 240–550 ms. Set a number to use the same duration for every group. Numeric values must be finite and nonnegative; 0 makes the transition immediate.

treeAnimation determines whether animation is enabled. With treeAnimation: "Auto", a reduced-motion system preference disables animation regardless of the duration. Invalid values throw an exception.

Available since version 2026.4.7077 of DayPilot Pro for JavaScript.

Examples

JavaScript configuration:

const dp = new DayPilot.Scheduler("dp", {
  treeAnimationDuration: 350
});
dp.init();

Angular configuration:

config: DayPilot.SchedulerConfig = {
  treeAnimationDuration: 350
};

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

React:

<DayPilotScheduler treeAnimationDuration={350} />

Vue:

<DayPilotScheduler :treeAnimationDuration="350" />

See Also

Tree configuration