DayPilot.Scheduler.infiniteScrollingMargin

The infiniteScrollingMargin property (number) specifies the active margin of the Scheduler grid in pixels.

Declaration

DayPilot.Scheduler.infiniteScrollingMargin

Default Value

50

Notes

When the viewport reaches the margin, the Scheduler loads an additional date range specified using the infiniteScrollingStepDays property.

This setting applies to manual infinite scrolling (infiniteScrollingEnabled: true). With infiniteScrollingEnabled: "Auto", the Scheduler chooses the value automatically, so you do not need to configure it.

Manual Infinite Scrolling

When infiniteScrollingEnabled: true, infiniteScrollingMargin must be a finite number greater than or equal to zero. Invalid settings raise an error. See Infinite Scrolling for configuration guidance.

Examples

JavaScript

const dp = new DayPilot.Scheduler("dp", {
  infiniteScrollingEnabled: true,
  infiniteScrollingMargin: 20,
  // ...
});
dp.init();

Angular

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

config: DayPilot.SchedulerConfig = {
  infiniteScrollingEnabled: true,
  infiniteScrollingMargin: 20,
  // ...
};

React

<DayPilotScheduler
  infiniteScrollingEnabled={true}
  infiniteScrollingMargin={20}
/>

Vue

<DayPilotScheduler
  :infiniteScrollingEnabled="true"
  :infiniteScrollingMargin="20"
/>

See Also

DayPilot.Scheduler.infiniteScrollingEnabled

DayPilot.Scheduler.infiniteScrollingStepDays

DayPilot.Scheduler Class