toolbar.overflow.scrollDistanceNumber
(default: 50)
Specifies the distance (in pixels) the toolbar scrolls when a scroll button is clicked.
Example
<div id="taskBoard"></div>
<script>
$("#taskBoard").kendoTaskBoard({
toolbar: {
overflow: {
mode: "scroll",
scrollButtons: "visible",
scrollDistance: 100
},
items: [
{ text: "Button 1", icon: "plus" },
{ text: "Button 2", icon: "gear" },
{ text: "Button 3", icon: "star" }
]
},
dataSource: [
{ id: 1, title: "Task 1", status: "todo" }
],
columns: [
{ text: "To Do", status: "todo" }
]
});
</script>
In this article