DayPilot.Scheduler.dynamicEventRenderingMarginX

The dynamicEventRenderingMarginX property (number) specifies the extra horizontal margin, in pixels, added to the current Scheduler viewport during progressive event rendering.

Declaration

DayPilot.Scheduler.dynamicEventRenderingMarginX

Default Value

null

Notes

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

• The margin is added in both directions, left and right.

• If specified, this value overrides DayPilot.Scheduler.dynamicEventRenderingMargin.

Examples

JavaScript

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

Angular

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

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

React

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

Vue

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

See Also

DayPilot.Scheduler.dynamicEventRenderingMargin

Progressive Event Rendering [doc.daypilot.org]

DayPilot.Scheduler Class