DayPilot.Scheduler.watchWidthChanges

The watchWidthChanges property (boolean) enables automatic detection of dimension changes in the JavaScript Scheduler caused by DOM updates and window size changes. When a change is detected, the Scheduler updates its UI and fires the onScroll event if applicable.

Declaration

DayPilot.Scheduler.watchWidthChanges

Default Value

true

Notes

Turning off the detection may result in smoother animations of dimension changes, but you need to fix the UI manually by calling DayPilot.Scheduler.show() once the animation is complete.

Examples

JavaScript

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

Angular

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

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

React

<DayPilotScheduler
  watchWidthChanges={false}
  {/* ... */}
/>

Vue

<DayPilotScheduler
  :watchWidthChanges="false"
  <!-- ... -->
/>

See Also

DayPilot.Scheduler.show

DayPilot.Scheduler Class