DayPilot.Kanban.theme

The theme property (string) sets the CSS theme used by the Kanban component.

Declaration

DayPilot.Kanban.theme

Default Value

"kanban_default"

Notes

The default theme styles are embedded.

When creating a custom theme, define the CSS classes expected by the Kanban component and then assign the theme name using this property.

Examples

JavaScript

const kanban = new DayPilot.Kanban("dp", {
  theme: "my_kanban_theme",
  // ...
});
kanban.init();

Angular

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

config: DayPilot.KanbanConfig = {
  theme: "my_kanban_theme",
  // ...
};

React

<DayPilotKanban
  theme="my_kanban_theme"
  {/* ... */}
/>

Vue

<DayPilotKanban
  theme="my_kanban_theme"
  <!-- ... -->
/>

See Also

• CSS Themes [doc.daypilot.org]

• Default CSS Theme (kanban_default) [doc.daypilot.org]

• List of All CSS Classes [doc.daypilot.org]

• DayPilot.Kanban Class