colors

defines the colored states for Kanban cards

array|string colors;

Example

webix.ui({
    view:"kanban",
    cols:[
        { header:"Backlog", body:{ view:"kanbanlist", status:"new" }},
        { header:"In Progress", body:{ view:"kanbanlist", status:"work" }}
    ],
    data:[
        { id:1, text:"Test Card", color:2 }
    ],
    colors:[
        {id:1, value:"Normal", color:"green"},
        {id:2, value:"Low", color:"orange"}
    ]
});

Related samples

Details

colors can de defined as:

  • an array of objects:
webix.ui({
    view:"kanban",
    colors:[
        {id:1, value:"Normal", color:"green"},
        {id:2, value:"Low", color:"orange"}
    ]
});
  • a DataCollection with a similar array:
var  colors = new webix.DataCollection({
    data:[
        {id:1, value:"Normal", color:"green"},
        {id:2, value:"Low", color:"orange"}
    ]
});
 
webix.ui({
    view:"kanban",
    colors:colors
});
  • a path to a file or script that returns a similar array:
webix.ui({
    view:"kanban",
    colors:"./data/colors",
});
See also
Back to top