TimelineKit

Theming & Localization

Themes

The Resource Scheduler shares the same theming system as the Gantt Chart. See the Theming & Styles guide for full details.

import { LightSchedulerTheme, DarkSchedulerTheme, ModernSchedulerTheme, ClassicSchedulerTheme } from '@timelinekit/core';

// Apply a built-in theme
scheduler.settings.theme = new DarkSchedulerTheme();

// Customize a theme
const theme = new LightSchedulerTheme();
theme.rowHeight = 42;
theme.chart.content.taskHeight = 26;
scheduler.settings.theme = theme;

Localization

The Resource Scheduler supports all locales available in TimelineKit. See the Localization guide for full details.

import { csLocale, deLocale, frLocale } from '@timelinekit/core';

// Switch locale
scheduler.settings.locale = csLocale;