cardMenu.name String

The name of the button.

Example

<div id="taskBoard"></div>

<script>
$("#taskBoard").kendoTaskBoard({
    dataOrderField: "order",
    dataSource: [
    { id: 1, order: 1, title: "Task 1", description: "Description 1", status: "backlog", category: "red" },
    { id: 2, order: 2, title: "Task 11", description: "Description 11", status: "backlog", category: "red" },
    { id: 3, order: 3, title: "Task 2", description: "Description 2", status: "doing", category: "green" },
    { id: 4, order: 4, title: "Task 22", description: "Description 22", status: "doing", category: "green" },
    { id: 5, order: 5, title: "Task 3", description: "Description 3", status: "done", category: "blue" }
    ],
    columns: [
    { text: "Backlog", status: "backlog" },
    { text: "Doing", status: "doing" },
    { text: "Done", status: "done" }
    ],
    cardMenu: [ { name: "CustomButton", text: "My Custom Tool", icon: "gear", command: "MyCustomCommand", options: "myvalue" } ]
});

kendo.ui.taskboard.commands["MyCustomCommand"] = kendo.ui.taskboard.Command.extend({
    exec: function () {
        var taskboard = this.taskboard;
        var options = this.options;
        var card = options.card;
        var cardElm = options.cardElement;
        var column = options.column;
        var columnElm = options.columnElement;

        cardElm.css("border", "solid red 3px");
        columnElm.css("border", "solid red 3px");
        alert(kendo.format("{0} Card executed Custom command in column with status {1} with value {2}", card.get("title"), column.get("status"), options.value));
    } 
});

</script>
In this article