Documentation v8.0.28

Preview Purchase

jKanban is a pure agnostic Javascript plugin for Kanban boards. For more info see the official siteand the Github repository.

Basic Example

Here's a basic jKanban Board example. For more info, please visit the official website.

JAVASCRIPT
HTML

var kanban = new jKanban({
    element: '#kt_docs_jkanban_basic',
    gutter: '0',
    widthBoard: '250px',
    boards: [{
            'id': '_inprocess',
            'title': 'In Process',
            'item': [{
                    'title': '<span class="font-weight-bold">You can drag me too</span>'
                },
                {
                    'title': '<span class="font-weight-bold">Buy Milk</span>'
                }
            ]
        }, {
            'id': '_working',
            'title': 'Working',
            'item': [{
                    'title': '<span class="font-weight-bold">Do Something!</span>'
                },
                {
                    'title': '<span class="font-weight-bold">Run?</span>'
                }
            ]
        }, {
            'id': '_done',
            'title': 'Done',
            'item': [{
                    'title': '<span class="font-weight-bold">All right</span>'
                },
                {
                    'title': '<span class="font-weight-bold">Ok!</span>'
                }
            ]
        }
    ]
});