Use the Mobile View of the Toolbar
To enable the mobile view of the ToolBar widget:
- Add the mobile styles.
- To configure the position of the tools to be rendered—
left
orright
—use thealign
option. - 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>