template

sets the way of color presentation

function template;

Example

webix.ui({
  view:"colorboard",
  template:"<div style=\"width:100%;height:100%;background-color:{obj.val}\"></div>"
});

Related samples

Colorboard: Custom Palette

Details

You can customize your colorboard using template with CSS classes:

webix.ui({
    container:"box",
    view:"colorboard",
    cols    :7,
    rows    :4,
    width   :600,
    height  :370,
    template:"<div class=\"value_cell webix_color_item\">" +
            "<div>{obj.val}</div>" +
            "<div class=\"color_block\" style=\"background:{obj.val};\"></div>" +
            "</div>"
});

In the code above you can see the CSS class names. The usage rules for them can be found in the Related sample.