Use the Mobile View of the ToolBar
Environment
| Product | Progress® Kendo UI® ToolBar for jQuery |
| Operating System | Windows 10 64bit |
| Visual Studio Version | Visual Studio 2017 |
| Preferred Language | JavaScript |
Description
How can I use the mobile view of a Kendo UI for jQuery ToolBar?
Solution
To enable the mobile view of the ToolBar widget:
- Add the mobile styles.
- To configure the position of the tools that will be rendered
leftorright, use thealignoption. - Initialize
kendo.mobile.Application().
The example below demonstrates how to use the mobile view of the Toolbar. It is recommended that you open it in Dojo.
<div id="toolbar"></div>
<script>
$("#toolbar").kendoToolBar({
items: [
{ type: "button", text: "Button 1", align: "left" },
{ type: "button", text: "Button 2", align: "left" },
{ type: "button", text: "Button 3" },
{ type: "button", text: "Button 4" }
]
});
var app = new kendo.mobile.Application(document.body);
</script>