Kanban Skins

Beginning from Webix 10.0, Kanban supports all 7 skins:

Material

Material is the default skin.

Webix Kanban with Material skin

Related sample:  Material

Mini

Mini is the compact version of Material skin.

Webix Kanban with Mini skin

You can set this skin like this:

<link rel="stylesheet" type="text/css" href="../../codebase/skins/mini.css">

Related sample:  Mini

Flat

This is the default skin of Kanban before version 6.0.

Webix Kanban with Flat skin

You can set this skin like:

<link rel="stylesheet" type="text/css" href="../../codebase/skins/flat.css">

Related sample:  Flat

Compact

This is the compact version of Flat skin.

Webix Kanban with Compact skin

You can set this skin like:

<link rel="stylesheet" type="text/css" href="../../codebase/skins/compact.css">

Related sample:  Compact

Contrast

This is the dark contrast skin.

Webix Kanban with dark Contrast skin

You can set the skin like this:

<link rel="stylesheet" type="text/css" href="../../codebase/skins/contrast.css">

Related sample:  Contrast

Willow

This is the light skin, with white and light blue as the main colors.

Kanban the usual look

You can set the skin like this:

<link rel="stylesheet" type="text/css" href="../../codebase/skins/willow.css">

Dark

This is the dark contrast skin, with purple and black as the main colors.

Kanban the usual look

You can set the skin like this:

<link rel="stylesheet" type="text/css" href="../../codebase/skins/dark.css">
Back to top