DayPilot.Scheduler.heightSpec

The heightSpec property (string) determines how the Scheduler height is specified.

Declaration

DayPilot.Scheduler.heightSpec

Possible Values

• "Auto" - the height grows automatically so no vertical scrollbar is visible.

• "Fixed" - uses the value of the height property.

• "Max" - the height grows up to the value of the height property.

• "Parent100Pct" - sets the total height of the control to 100% of the parent HTML element. Pro only.

• "Max100Pct" - the height grows automatically until 100% of the parent HTML element is reached. Pro only.

Default Value

"Auto"

Examples

JavaScript

const dp = new DayPilot.Scheduler("dp", {
  heightSpec: "Max",
  height: 300,
  // ...
});
dp.init();

Angular

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

config: DayPilot.SchedulerConfig = {
  heightSpec: "Max",
  height: 300,
  // ...
};

React

<DayPilotScheduler
  heightSpec="Max"
  height={300}
  {/* ... */}
/>

Vue

<DayPilotScheduler
  heightSpec="Max"
  :height="300"
  <!-- ... -->
/>

See Also

Scheduler Height [doc.daypilot.org]

DayPilot.Scheduler.height

DayPilot.Scheduler.hideBorderFor100PctHeight

DayPilot.Scheduler Class