DayPilot.Scheduler.zoomPosition

The zoomPosition property (string) specifies which part of the visible viewport is used as the reference date when switching the zoom level of the JavaScript Scheduler. The Scheduler tries to keep that date at the same viewport position after the zoom change.

Available since 2019.2.3860.

Declaration

DayPilot.Scheduler.zoomPosition

Possible Values

• "left" keeps the left side of the visible viewport as the zoom reference position.

• "middle" keeps the middle of the visible viewport as the zoom reference position.

• "right" keeps the right side of the visible viewport as the zoom reference position.

Default Value

"left"

Examples

JavaScript

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

Angular

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

config: DayPilot.SchedulerConfig = {
  zoomPosition: "middle",
  // ...
};

React

<DayPilotScheduler
  zoomPosition="middle"
  {/* ... */}
/>

Vue

<DayPilotScheduler
  zoomPosition="middle"
  <!-- ... -->
/>

See Also

Zoom [doc.daypilot.org]

DayPilot.Scheduler Class