Introduction
Kanbano is the best kanban library to help you build kanabn boards , you could build your own template with all possible customizations needed
Kanbano is the best kanban library to help you build kanabn boards , you could build your own template with all possible customizations needed
Include the following files:
<link rel="stylesheet" href="css/kanbano.css">
<script src="js/kanbano.js"></script>
then initialize the plugin by calling the
init
method
You could build your own template easily just you need to follow this digram , this is the basic
structure of any board
you could change the selector of every partition by passing any query selector to the
init
function
you could change the style of either the active-state or the the placeholder of the card and list by
using the following css classes:
dragging-active-card
dragging-active-list
cloned-card
cloned-list
these classes are put on the current moving card or list so you could minpulate their style
at this moment .
Also you could change the names of these classes when initiating the kanbano plugin
when you move card or list, event is fired with data object which include the location of the moved item before and after firing the event.
You could easily prevent cards from leaving their lists, also you could prevent the lists
from moving in the vertical direction for some design purposes, to do so just add class lock
If you want to change the direction of the board from horizontal to vertical you could change the value of direction
property when initiating the kanbano plugin
you should build the board in the required direction then change the value, This option change the behavior of the plugin and only affects the javascript code.