New to Telerik UI for ASP.NET Core? Download free 30-day trial

Keyboard Navigation

The keyboard navigation of the TaskBoard is always available.

The ASP.NET Core TaskBoard supports the following keyboard shortcuts:

SHORTCUT DESCRIPTION
Tab navigates to the TaskBoard
Left Arrow focuses the previous column or a card in the previous column
Right Arrow focuses the next column or a card in the next column
Up Arrow focuses the previous card
Down Arrow focuses the next card
Enter selects the focused card
Delete deletes the focused card
Ctrl+e puts the focused card or column in edit mode
Ctrl+a adds a new column or card

For a complete example, refer to the TaskBoard Keyboard Navigation (Demo).

Register Shortcut

Additional shortcuts can be registered in the TaskBoard, with the registerShortcut client-side API method.

The following example demonstrates how to register a shortcut for focusing the last card in the TaskBoard.

$(document).ready(function() {
    var taskBoard = $("#taskBoard").data("kendoTaskBoard");

    taskBoard.registerShortcut("*", {
        keyCode: "q",
        ctrlKey: true
    }, {
        handler: function () {
            taskBoard.items().last().focus();
        }
    });
});

See Also

In this article