toolbar.overflow.scrollButtonsPositionString(default: "split")

Defines the placement of scroll buttons. The available options are:

  • "split" — Scroll buttons appear at both ends of the toolbar.
  • "start" — Scroll buttons appear only at the start of the toolbar.
  • "end" — Scroll buttons appear only at the end of the toolbar.

Example

<div id="taskBoard"></div>
<script>
$("#taskBoard").kendoTaskBoard({
    toolbar: {
        overflow: {
            mode: "scroll",
            scrollButtons: "visible",
            scrollButtonsPosition: "end"
        },
        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>