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.

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