DayPilot.Scheduler.dynamicEventRenderingMarginY

The dynamicEventRenderingMarginY property (number) specifies the extra vertical margin, in pixels, that is added above and below the current JavaScript Scheduler viewport during progressive event rendering.

Declaration

DayPilot.Scheduler.dynamicEventRenderingMarginY

Default Value

null

Notes

• The Scheduler renders events in the current viewport including this extra margin.

• The margin is added in both directions, top and bottom.

• If specified, this value overrides dynamicEventRenderingMargin.

Examples

JavaScript

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

Angular

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

config: DayPilot.SchedulerConfig = {
  dynamicEventRenderingMarginY: 200,
  // ...
};

React

<DayPilotScheduler
  dynamicEventRenderingMarginY={200}
  {/* ... */}
/>

Vue

<DayPilotScheduler
  :dynamicEventRenderingMarginY="200"
  <!-- ... -->
/>

See Also

Progressive Event Rendering [doc.daypilot.org]

DayPilot.Scheduler.dynamicEventRenderingMargin

DayPilot.Scheduler Class