\Kendo\UI\TaskBoard

A PHP wrapper for Kendo UI TaskBoard.

Inherits from \Kendo\UI\Widget.

Usage

To use TaskBoard in a PHP page instantiate a new instance, configure it via the available configuration methods and output it by echo-ing the result of the render method.

Using Kendo TaskBoard

<?php
// Create a new instance of TaskBoard and specify its id
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');

// Configure it
$taskBoard->autoBind(true)

// Output it

echo $taskBoard->render();
?>

Methods

autoBind

Controls whether to bind the TaskBoard to the data source on initialization.

Returns

\Kendo\UI\TaskBoard

Parameters

$value boolean

Example

<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$taskBoard->autoBind(true);
?>

addCardMenuItem

Adds one or more TaskBoardCardMenuItem to the TaskBoard.

Returns

\Kendo\UI\TaskBoard

Parameters

$value[, $value2, ...] \Kendo\UI\TaskBoardCardMenuItem|array

Example - using \Kendo\UI\TaskBoardCardMenuItem

<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$cardMenuItem = new \Kendo\UI\TaskBoardCardMenuItem();
$command = 'value';
$cardMenuItem->command($command);
$taskBoard->addCardMenuItem($cardMenuItem);
?>

Example - using array

<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$command = 'value';
$taskBoard->addCardMenuItem(array('command' => $command));
?>

Example - adding more than one TaskBoardCardMenuItem

<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$first  = new \Kendo\UI\TaskBoardCardMenuItem();
$second = new \Kendo\UI\TaskBoardCardMenuItem();
$taskBoard->addCardMenuItem($first, $second);
?>

change

Fired when the user changed the card order or status by dragging. For additional information check the change event documentation.

Returns

\Kendo\UI\TaskBoard

Parameters

$value string|\Kendo\JavaScriptFunction

Example - using string which defines a JavaScript function

<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$taskBoard->change('function(e) { }');
?>

Example - using string which defines a JavaScript name

<script>
    function onChange(e) {
        // handle the change event.
    }
</script>
<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$taskBoard->change('onChange');
?>

Example - using \Kendo\JavaScriptFunction

<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$taskBoard->change(new \Kendo\JavaScriptFunction('function(e) { }'));
?>

columnSettings

Defines the settings for the columns.

Returns

\Kendo\UI\TaskBoard

Parameters

$value \Kendo\UI\TaskBoardColumnSettings|array

Example - using \Kendo\UI\TaskBoardColumnSettings

<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$columnSettings = new \Kendo\UI\TaskBoardColumnSettings();
$dataOrderField = 'value';
$columnSettings->dataOrderField($dataOrderField);
$taskBoard->columnSettings($columnSettings);
?>

Example - using array

<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$dataOrderField = 'value';
$taskBoard->columnSettings(array('dataOrderField' => $dataOrderField));
?>

columns

Sets the DataSource for the Columns of the TaskBoard. Can be bound to a remote service or local data.

Returns

\Kendo\UI\TaskBoard

Parameters

$value |array|

Example - using

<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$taskBoard->columns(new ());
?>

Example - using array

<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$taskBoard->columns(array());
?>

columnsDataBinding

Fired before the TaskBoard binds the columns' data source. For additional information check the columnsDataBinding event documentation.

Returns

\Kendo\UI\TaskBoard

Parameters

$value string|\Kendo\JavaScriptFunction

Example - using string which defines a JavaScript function

<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$taskBoard->columnsDataBinding('function(e) { }');
?>

Example - using string which defines a JavaScript name

<script>
    function onColumnsDataBinding(e) {
        // handle the columnsDataBinding event.
    }
</script>
<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$taskBoard->columnsDataBinding('onColumnsDataBinding');
?>

Example - using \Kendo\JavaScriptFunction

<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$taskBoard->columnsDataBinding(new \Kendo\JavaScriptFunction('function(e) { }'));
?>

columnsDataBound

Fired when the TaskBoard's columns are bound to their data source. For additional information check the columnsDataBound event documentation.

Returns

\Kendo\UI\TaskBoard

Parameters

$value string|\Kendo\JavaScriptFunction

Example - using string which defines a JavaScript function

<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$taskBoard->columnsDataBound('function(e) { }');
?>

Example - using string which defines a JavaScript name

<script>
    function onColumnsDataBound(e) {
        // handle the columnsDataBound event.
    }
</script>
<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$taskBoard->columnsDataBound('onColumnsDataBound');
?>

Example - using \Kendo\JavaScriptFunction

<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$taskBoard->columnsDataBound(new \Kendo\JavaScriptFunction('function(e) { }'));
?>

dataBinding

Fired before the TaskBoard binds to its data source. For additional information check the dataBinding event documentation.

Returns

\Kendo\UI\TaskBoard

Parameters

$value string|\Kendo\JavaScriptFunction

Example - using string which defines a JavaScript function

<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$taskBoard->dataBinding('function(e) { }');
?>

Example - using string which defines a JavaScript name

<script>
    function onDataBinding(e) {
        // handle the dataBinding event.
    }
</script>
<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$taskBoard->dataBinding('onDataBinding');
?>

Example - using \Kendo\JavaScriptFunction

<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$taskBoard->dataBinding(new \Kendo\JavaScriptFunction('function(e) { }'));
?>

dataBound

Fired when the TaskBoard is bound to data from its data source. For additional information check the dataBound event documentation.

Returns

\Kendo\UI\TaskBoard

Parameters

$value string|\Kendo\JavaScriptFunction

Example - using string which defines a JavaScript function

<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$taskBoard->dataBound('function(e) { }');
?>

Example - using string which defines a JavaScript name

<script>
    function onDataBound(e) {
        // handle the dataBound event.
    }
</script>
<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$taskBoard->dataBound('onDataBound');
?>

Example - using \Kendo\JavaScriptFunction

<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$taskBoard->dataBound(new \Kendo\JavaScriptFunction('function(e) { }'));
?>

dataCategoryField

The category field of the card.

Returns

\Kendo\UI\TaskBoard

Parameters

$value string

Example

<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$taskBoard->dataCategoryField('value');
?>

dataDescriptionField

The description field of the card.

Returns

\Kendo\UI\TaskBoard

Parameters

$value string

Example

<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$taskBoard->dataDescriptionField('value');
?>

dataOrderField

The field used to order cards (number based). If not set, cards will be rendered in the order they are fetched. And ordering will not be applied to the DataSource and respectively, not synced with the remote data source.

Returns

\Kendo\UI\TaskBoard

Parameters

$value string

Example

<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$taskBoard->dataOrderField('value');
?>

dataSource

Sets the data source of the widget.

Returns

\Kendo\UI\TaskBoard

Parameters

$value \Kendo\Data\DataSource|array

Example - using \Kendo\Data\DataSource

<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$dataSource = new \Kendo\Data\DataSource();
$taskBoard->dataSource($dataSource);
?>

Example - using array

<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$schema = new \Kendo\Data\DataSourceSchema();
$taskBoard->dataSource(array('schema' => $schema));
?>

dataStatusField

The field of the data item that provides the status of the card. Mapped with the status of the columns.

Returns

\Kendo\UI\TaskBoard

Parameters

$value string

Example

<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$taskBoard->dataStatusField('value');
?>

dataTitleField

The title field of the card.

Returns

\Kendo\UI\TaskBoard

Parameters

$value string

Example

<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$taskBoard->dataTitleField('value');
?>

deleteCard

Fired when the user deletes a card. For additional information check the deleteCard event documentation.

Returns

\Kendo\UI\TaskBoard

Parameters

$value string|\Kendo\JavaScriptFunction

Example - using string which defines a JavaScript function

<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$taskBoard->deleteCard('function(e) { }');
?>

Example - using string which defines a JavaScript name

<script>
    function onDeleteCard(e) {
        // handle the deleteCard event.
    }
</script>
<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$taskBoard->deleteCard('onDeleteCard');
?>

Example - using \Kendo\JavaScriptFunction

<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$taskBoard->deleteCard(new \Kendo\JavaScriptFunction('function(e) { }'));
?>

deleteColumn

Fired when the user deletes a column. For additional information check the deleteColumn event documentation.

Returns

\Kendo\UI\TaskBoard

Parameters

$value string|\Kendo\JavaScriptFunction

Example - using string which defines a JavaScript function

<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$taskBoard->deleteColumn('function(e) { }');
?>

Example - using string which defines a JavaScript name

<script>
    function onDeleteColumn(e) {
        // handle the deleteColumn event.
    }
</script>
<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$taskBoard->deleteColumn('onDeleteColumn');
?>

Example - using \Kendo\JavaScriptFunction

<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$taskBoard->deleteColumn(new \Kendo\JavaScriptFunction('function(e) { }'));
?>

editCard

Fired when the user edits or creates a card. For additional information check the editCard event documentation.

Returns

\Kendo\UI\TaskBoard

Parameters

$value string|\Kendo\JavaScriptFunction

Example - using string which defines a JavaScript function

<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$taskBoard->editCard('function(e) { }');
?>

Example - using string which defines a JavaScript name

<script>
    function onEditCard(e) {
        // handle the editCard event.
    }
</script>
<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$taskBoard->editCard('onEditCard');
?>

Example - using \Kendo\JavaScriptFunction

<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$taskBoard->editCard(new \Kendo\JavaScriptFunction('function(e) { }'));
?>

editColumn

Fired when the user edits or creates a column. For additional information check the editColumn event documentation.

Returns

\Kendo\UI\TaskBoard

Parameters

$value string|\Kendo\JavaScriptFunction

Example - using string which defines a JavaScript function

<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$taskBoard->editColumn('function(e) { }');
?>

Example - using string which defines a JavaScript name

<script>
    function onEditColumn(e) {
        // handle the editColumn event.
    }
</script>
<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$taskBoard->editColumn('onEditColumn');
?>

Example - using \Kendo\JavaScriptFunction

<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$taskBoard->editColumn(new \Kendo\JavaScriptFunction('function(e) { }'));
?>

editable

Toggles the editing in the TaskBoard. Both for columns and cards.

Returns

\Kendo\UI\TaskBoard

Parameters

$value boolean|\Kendo\UI\TaskBoardEditable|array

Example - using boolean

<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$taskBoard->editable(true);
?>

Example - using \Kendo\UI\TaskBoardEditable

<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$editable = new \Kendo\UI\TaskBoardEditable();
$form = new ();
$editable->form($form);
$taskBoard->editable($editable);
?>

Example - using array

<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$form = new ();
$taskBoard->editable(array('form' => $form));
?>

execute

Fires when a command is executed. For additional information check the execute event documentation.

Returns

\Kendo\UI\TaskBoard

Parameters

$value string|\Kendo\JavaScriptFunction

Example - using string which defines a JavaScript function

<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$taskBoard->execute('function(e) { }');
?>

Example - using string which defines a JavaScript name

<script>
    function onExecute(e) {
        // handle the execute event.
    }
</script>
<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$taskBoard->execute('onExecute');
?>

Example - using \Kendo\JavaScriptFunction

<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$taskBoard->execute(new \Kendo\JavaScriptFunction('function(e) { }'));
?>

height

Configures the height of the TaskBoard wrapper.

Returns

\Kendo\UI\TaskBoard

Parameters

$value string|float

Example - using string

<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$taskBoard->height('value');
?>

Example - using float

<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$taskBoard->height(1);
?>

messages

Provides configuration options for the messages present in the TaskBoard widget.

Returns

\Kendo\UI\TaskBoard

Parameters

$value \Kendo\UI\TaskBoardMessages|array

Example - using \Kendo\UI\TaskBoardMessages

<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$messages = new \Kendo\UI\TaskBoardMessages();
$addCard = 'value';
$messages->addCard($addCard);
$taskBoard->messages($messages);
?>

Example - using array

<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$addCard = 'value';
$taskBoard->messages(array('addCard' => $addCard));
?>

move

Fired when the user moves a card. For additional information check the move event documentation.

Returns

\Kendo\UI\TaskBoard

Parameters

$value string|\Kendo\JavaScriptFunction

Example - using string which defines a JavaScript function

<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$taskBoard->move('function(e) { }');
?>

Example - using string which defines a JavaScript name

<script>
    function onMove(e) {
        // handle the move event.
    }
</script>
<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$taskBoard->move('onMove');
?>

Example - using \Kendo\JavaScriptFunction

<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$taskBoard->move(new \Kendo\JavaScriptFunction('function(e) { }'));
?>

moveEnd

Fired when the user dropped a card in a column. For additional information check the moveEnd event documentation.

Returns

\Kendo\UI\TaskBoard

Parameters

$value string|\Kendo\JavaScriptFunction

Example - using string which defines a JavaScript function

<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$taskBoard->moveEnd('function(e) { }');
?>

Example - using string which defines a JavaScript name

<script>
    function onMoveEnd(e) {
        // handle the moveEnd event.
    }
</script>
<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$taskBoard->moveEnd('onMoveEnd');
?>

Example - using \Kendo\JavaScriptFunction

<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$taskBoard->moveEnd(new \Kendo\JavaScriptFunction('function(e) { }'));
?>

moveStart

Fired when the user started moving a card. For additional information check the moveStart event documentation.

Returns

\Kendo\UI\TaskBoard

Parameters

$value string|\Kendo\JavaScriptFunction

Example - using string which defines a JavaScript function

<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$taskBoard->moveStart('function(e) { }');
?>

Example - using string which defines a JavaScript name

<script>
    function onMoveStart(e) {
        // handle the moveStart event.
    }
</script>
<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$taskBoard->moveStart('onMoveStart');
?>

Example - using \Kendo\JavaScriptFunction

<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$taskBoard->moveStart(new \Kendo\JavaScriptFunction('function(e) { }'));
?>

previewPane

Toggles the previewPane in the TaskBoard.

Returns

\Kendo\UI\TaskBoard

Parameters

$value boolean|\Kendo\UI\TaskBoardPreviewPane|array

Example - using boolean

<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$taskBoard->previewPane(true);
?>

Example - using \Kendo\UI\TaskBoardPreviewPane

<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$previewPane = new \Kendo\UI\TaskBoardPreviewPane();
$template = 'value';
$previewPane->template($template);
$taskBoard->previewPane($previewPane);
?>

Example - using array

<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$template = 'value';
$taskBoard->previewPane(array('template' => $template));
?>

reorderable

Toggles the reordering of cards in the TaskBoard.

Returns

\Kendo\UI\TaskBoard

Parameters

$value boolean

Example

<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$taskBoard->reorderable(true);
?>

addResource

Adds one or more TaskBoardResource to the TaskBoard.

Returns

\Kendo\UI\TaskBoard

Parameters

$value[, $value2, ...] \Kendo\UI\TaskBoardResource|array

Example - using \Kendo\UI\TaskBoardResource

<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$resource = new \Kendo\UI\TaskBoardResource();
$dataColorField = 'value';
$resource->dataColorField($dataColorField);
$taskBoard->addResource($resource);
?>

Example - using array

<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$dataColorField = 'value';
$taskBoard->addResource(array('dataColorField' => $dataColorField));
?>

Example - adding more than one TaskBoardResource

<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$first  = new \Kendo\UI\TaskBoardResource();
$second = new \Kendo\UI\TaskBoardResource();
$taskBoard->addResource($first, $second);
?>

saveCard

Fired when the user saves a card. For additional information check the saveCard event documentation.

Returns

\Kendo\UI\TaskBoard

Parameters

$value string|\Kendo\JavaScriptFunction

Example - using string which defines a JavaScript function

<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$taskBoard->saveCard('function(e) { }');
?>

Example - using string which defines a JavaScript name

<script>
    function onSaveCard(e) {
        // handle the saveCard event.
    }
</script>
<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$taskBoard->saveCard('onSaveCard');
?>

Example - using \Kendo\JavaScriptFunction

<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$taskBoard->saveCard(new \Kendo\JavaScriptFunction('function(e) { }'));
?>

saveColumn

Fired when the user saves a column. For additional information check the saveColumn event documentation.

Returns

\Kendo\UI\TaskBoard

Parameters

$value string|\Kendo\JavaScriptFunction

Example - using string which defines a JavaScript function

<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$taskBoard->saveColumn('function(e) { }');
?>

Example - using string which defines a JavaScript name

<script>
    function onSaveColumn(e) {
        // handle the saveColumn event.
    }
</script>
<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$taskBoard->saveColumn('onSaveColumn');
?>

Example - using \Kendo\JavaScriptFunction

<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$taskBoard->saveColumn(new \Kendo\JavaScriptFunction('function(e) { }'));
?>

select

Fired when the user selects a card in the TaskBoard. For additional information check the select event documentation.

Returns

\Kendo\UI\TaskBoard

Parameters

$value string|\Kendo\JavaScriptFunction

Example - using string which defines a JavaScript function

<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$taskBoard->select('function(e) { }');
?>

Example - using string which defines a JavaScript name

<script>
    function onSelect(e) {
        // handle the select event.
    }
</script>
<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$taskBoard->select('onSelect');
?>

Example - using \Kendo\JavaScriptFunction

<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$taskBoard->select(new \Kendo\JavaScriptFunction('function(e) { }'));
?>

selectable

Toggles the selection of the TaskBoard.

Returns

\Kendo\UI\TaskBoard

Parameters

$value boolean

Example

<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$taskBoard->selectable(true);
?>

template

Controls the rendering of the card.

Returns

\Kendo\UI\TaskBoard

Parameters

$value string|\Kendo\JavaScriptFunction

Example - using string

<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$taskBoard->template('value');
?>

Example - using \Kendo\JavaScriptFunction

<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$taskBoard->template(new \Kendo\JavaScriptFunction('function() { }'));
?>

toolbar

Configures the Tools of the TaskBoard

Returns

\Kendo\UI\TaskBoard

Parameters

$value boolean|\Kendo\UI\TaskBoardToolbar|array

Example - using boolean

<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$taskBoard->toolbar(true);
?>

Example - using \Kendo\UI\TaskBoardToolbar

<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$toolbar = new \Kendo\UI\TaskBoardToolbar();
$items = new \Kendo\UI\TaskBoardToolbarItems();
$toolbar->items($items);
$taskBoard->toolbar($toolbar);
?>

Example - using array

<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$items = new \Kendo\UI\TaskBoardToolbarItems();
$taskBoard->toolbar(array('items' => $items));
?>

width

Configures the width of the TaskBoard wrapper.

Returns

\Kendo\UI\TaskBoard

Parameters

$value string|float

Example - using string

<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$taskBoard->width('value');
?>

Example - using float

<?php
$taskBoard = new \Kendo\UI\TaskBoard('TaskBoard');
$taskBoard->width(1);
?>
In this article
Not finding the help you need?