toolbar.overflow.modeString(default: "menu")
Defines the overflow mode. The available options are:
"menu"— Moves overflowing items into a dropdown menu."scroll"— Keeps items visible and enables horizontal scrolling."section"— Groups items into collapsible sections."none"— Disables overflow handling; items may be cut off.
Example
<div id="taskBoard"></div>
<script>
$("#taskBoard").kendoTaskBoard({
toolbar: {
overflow: {
mode: "scroll"
},
items: [
{ text: "Button 1", icon: "plus" },
{ text: "Button 2", icon: "gear" },
{ text: "Button 3", icon: "star" },
{ text: "Button 4", icon: "save" }
]
},
dataSource: [
{ id: 1, title: "Task 1", status: "todo" }
],
columns: [
{ text: "To Do", status: "todo" }
]
});
</script>In this article