Keyboard Navigation
10 May 20171 minute to read
The entire Toolbar commands can be accessed through the keyboard by specifying the Keyboard Shortcut listed in the following table.
List of keyboard shortcuts
| Keyboard Shortcut | Function |
|---|---|
| Alt + j | Focuses the control |
| UP | Navigates up and left. |
| Down | Navigates down and right. |
| Left | Navigates up and left. |
| Right | Navigates down and right. |
| Home | Navigates to the starting item. |
| End | Navigates to the ending item. |
| Enter | Selects the focused item |
The following code example illustrates shortcuts associated with the Toolbar items.
// Add this code in your CSHTML page and refer local data section for data source
<div class="cols-sample-area">
@Html.EJ().Toolbar("toolbar").Width("250").Datasource((IEnumerable<ToolbarLocalBinding>)
ViewBag.datasource).ToolbarFields(f => f.ID("IconId").SpriteCssClass("SpriteCss").TooltipText("Tooltip"))
</div>
ToolBar control with Keyboard shortcuts