resources.title String
The user friendly title of the resource displayed in the TaskBoard edit form. If not set the value of the field option is used.
Example
<div id="taskBoard"></div>
<script id="card-template" type="text/x-kendo-template">
<div class="template-container">
<div class="template-header">
<p><a class="k-card-title k-link" href="" data-command="SelectCardCommand">#: title #</a></p>
</div>
<p>#: description#</p>
<p>#:resources.priority.title#: <span style="color:#:resources.priority.color#">#:resources.priority.text#<span></p>
</div>
</script>
<script>
$("#taskBoard").kendoTaskBoard({
resources: [{
field: "priority",
title: "Category",
name: "Category",
dataSource: [
{ value: "urgent", text: "Urgent", color: "orange" },
{ value: "highpriority", text: "High Priority", color: "blue" },
{ value: "lowpriority", text: "Low Priority", color: "green" }
]
}],
template: $("#card-template").html(),
dataSource: [
{ id: 1, order: 1, title: "Task 1", description: "Description 1", status: "backlog", priority: "urgent" },
{ id: 2, order: 2, title: "Task 11", description: "Description 11", status: "backlog", priority: "urgent" },
{ id: 3, order: 3, title: "Task 2", description: "Description 2", status: "doing", priority: "highpriority" },
{ id: 4, order: 4, title: "Task 22", description: "Description 22", status: "doing", priority: "lowpriority" },
{ id: 5, order: 5, title: "Task 3", description: "Description 3", status: "done", priority: "lowpriority" }
],
columns: [
{ text: "Doing", status: "doing" },
{ text: "Backlog", status: "backlog" },
{ text: "Done", status: "done" }
]
});
</script>