dhtmlxGantt provides several predefined skins that you can use to change the overall look of the Gantt chart:
Each skin requires including its specific files.
To apply the default skin, include the default CSS file:
To apply the 'Skyblue' skin, include the CSS file as in:
Related sample: 'Skyblue' skin
To apply the 'Meadow' skin, include the CSS file as in:
To apply the 'Broadway' skin, include the CSS file as in:
Related sample: 'Broadway' skin
To apply the 'Contrast Black' skin, include the related CSS file:
Related sample: High contrast theme - Black
To apply the 'Contrast White' skin, include the related CSS file:
Related sample: High contrast theme - White
To apply the 'Material' skin, include the related CSS file:
Related sample: Material theme
Starting from v6.3, the import of Roboto
font was removed from the material skin. If necessary, you can add Roboto
font manually, as in:
<link rel="stylesheet" href="'https://fonts.googleapis.com/css?'+
+'family=Open+Sans|Roboto:regular,medium,thin,bold'">
Back to top