DayPilot.Scheduler.layout

The layout property (string) sets the layout mode used by the JavaScript Scheduler component.

Declaration

DayPilot.Scheduler.layout

Possible Values

• "DivBased" - uses the div-based layout mode.

• "TableBased" - uses the table-based layout mode (legacy).

• "Auto" - uses the automatic layout mode.

Default Value

"Auto"

Notes

For more information about the available layout modes, see Scheduler: Layout.

Examples

JavaScript

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

Angular

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

config: DayPilot.SchedulerConfig = {
  layout: "TableBased",
  // ...
};

React

<DayPilotScheduler
  layout="TableBased"
  {/* ... */}
/>

Vue

<DayPilotScheduler
  layout="TableBased"
  <!-- ... -->
/>

See Also

Scheduler: Layout

DayPilot.Scheduler Class