DayPilot.Gantt.theme

The theme property (string) sets the ID of the CSS theme applied to the Gantt component.

Declaration

DayPilot.Gantt.theme

Default Value

"scheduler_default"

Notes

You can create a custom Gantt CSS theme using the online theme designer and then assign its ID using this property.

Examples

JavaScript

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

Angular

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

config: DayPilot.GanttConfig = {
  theme: "gantt_white",
  // ...
};

React

<DayPilotGantt
  theme="gantt_white"
  {/* ... */}
/>

Vue

<DayPilotGantt
  theme="gantt_white"
  <!-- ... -->
/>

See Also

Gantt Theme Designer

DayPilot.Gantt Class