DayPilot.Gantt.useEventBoxes

The useEventBoxes property (string) sets how task boxes are aligned with timeline cells in the Gantt chart.

Declaration

DayPilot.Gantt.useEventBoxes

Possible Values

• "Always" - task boxes are aligned with timeline cells.

• "ShortEventsOnly" - task boxes are aligned with cells for tasks shorter than one cell.

• "Never" - task boxes are not used.

Default Value

"Always"

Notes

When task boxes are used, the task start and end are aligned with the cells (time slots). The real task length is then indicated by the duration bar.

Examples

JavaScript

const gantt = new DayPilot.Gantt("dp", {
  useEventBoxes: "ShortEventsOnly",
  // ...
});
gantt.init();

Angular

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

config: DayPilot.GanttConfig = {
  useEventBoxes: "ShortEventsOnly",
  // ...
};

React

<DayPilotGantt
  useEventBoxes="ShortEventsOnly"
  {/* ... */}
/>

Vue

<DayPilotGantt
  useEventBoxes="ShortEventsOnly"
  <!-- ... -->
/>

See Also

DayPilot.Gantt Class