Layout in Kanban, JavaScript Programming Example of Layout in Kanban

webix.ready(function(){
  if (!webix.env.touch && webix.env.scrollSize)
    webix.CustomScroll.init();

  webix.ui({
    view:"kanban",
    cols:[
      { header:"Backlog",
       body:{ view:"kanbanlist", status:"new" }},
      { header:"In Progress",
       body:{ view:"kanbanlist", status:"work" }},
      { header:"Testing", gravity: 1.3,
       body:{
         type:"wide",
         css:"sections_with_bg",
         cols:[
           {
             paddingY:10, rows:[
               { view:"kanbanheader", type:"sub", label: "Ready to test"},
               { view:"kanbanlist", status:"ready"}
             ]

           },
           {
             paddingY:10, rows:[
               { view:"kanbanheader", type:"sub", label: "In test"},
               { view:"kanbanlist", status:"test"}
             ]
           }
         ]

       }},
      { header:"Done",
       body:{ view:"kanbanlist", status:"done" }}
    ],
    data:base_task_set
  });
});