editor

enables the default card editor or defines a custom one (details below)

boolean|array|object editor;

Example

webix.ui({
    view:"kanban",
    cols:[
        { header:"Backlog", body:{ view:"kanbanlist", status:"new" }},
        { header:"In Progress", body:{ view:"kanbanlist", status:"work" }}
    ],
    editor:true     });

Related samples

Details

If you want to redefine the default editor, pass an array of controls to editor in the Kanban configuration:

webix.ui({
    view:"kanban",
    cols:[
        { header:"Backlog", body:{ view:"kanbanlist", status:"new" }},
        { header:"In Progress", body:{ view:"kanbanlist", status:"work" }}
    ],
    editor:[                                                        { view:"text", name:"text", label:"Task" },                 { view:"text", name:"tags", label:"Tags" },                 { view:"text", name:"color", label:"Line Color" }       ]                                                       });

You can also define editor as a form configuration object:

webix.ui({
    view:"kanban",
    cols:[
        { header:"Backlog", body:{ view:"kanbanlist", status:"new" }},
        { header:"In Progress", body:{ view:"kanbanlist", status:"work" }}
    ],
    editor:{
        elements:[                                                          { view:"text", name:"text", label:"Task" },                     { view:"text", name:"tags", label:"Tags" },                     { view:"text", name:"color", label:"Line Color" }           ],                                                              rules:{
            $all:webix.rules.isNotEmpty
        }
    }
});