Kanban Skins

Beginning from Webix 6.1, Kanban supports all 5 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

Back to top