Sets or gets a custom rendering function for jqxKanban's columns.

Sets or gets the jqxKanban columns.

Sets a connection to another jqxKanban widget. As a selector is used the id of the widget.

Sets or gets the height of the jqxKanban column headers when columns are expanded.

Sets or gets the width of the jqxKanban column headers when columns are collapsed.

Possible Values:

Code example

Set the headerWidth property.

$('#jqxKanban').jqxKanban({headerWidth : 50}); 

Get the headerWidth property.

var headerWidth = $('#jqxKanban').jqxKanban('headerWidth'); 

Sets or gets the kanban's height.

This function is called when an item is being rendered.

This function is called when the jqxKanban is initialized and the binding is completed.

Sets or gets a value indicating whether widget's elements are aligned to support locales using right-to-left fonts.

The source object represents a set of key/value pairs. Every set is a jqxKanban item.

The resources object represents a set of key/value pairs. It contains information about items, associated to the jqxKanban cards.

Sets or gets new HTML structure about kanban's cards.

Code example

Set the template property.

$('#jqxKanban').jqxKanban({template : "<div class='jqx-kanban-item' id=''>"
        + "<div class='jqx-kanban-item-color-status'></div>"
        + "<div class='jqx-kanban-item-avatar'></div>"
        + "<div class='jqx-kanban-item-text'></div>"
        + "<div class='jqx-kanban-item-footer'></div>"
        + "</div>";
}); 
                            

Get the template property.

var template = $('#jqxKanban').jqxKanban('template'); 

Sets or gets the default values about kanban's cards.

Sets the widget's theme.

• Include the theme's CSS file after jqx.base.css.
  The following code example adds the 'material' theme.

  
  <link rel="stylesheet" href="../../jqwidgets/styles/jqx.base.css" type="text/css" />
  <link rel="stylesheet" href="../../jqwidgets/styles/jqx.material.css" type="text/css" />
  
  

• Set the widget's theme property to 'material' when you initialize it.

Sets or gets the kanban's width.

This event is triggered when jqxKanban column is clicked.

This event is triggered when jqxKanban column is collapsed.

This event is triggered when jqxKanban column is expanded.

This event is triggered when some element of an item is clicked.

This event is triggered when an item is moved.

Add new item in widget.

Add new item in widget.

Returs all items as an array of objects.

Returs all items as an array of objects.

Returs all items as an array of objects.

Removes an item.

Update an item.