toolbar.items.iconClassString
The class for the web font icon of the button that will be rendered in the toolbar.
Grid commands are rendered as anchors (
<a>) with aspaninside. The icon for the button depends on the iconClass which is rendered as a class for the inner span. Built-in commands have a predefined iconClass value.
Example - configure toolbar item icon class
<div id="grid"></div>
<script>
$("#grid").kendoGrid({
columns: [
{ field: "name" },
{ field: "age" }
],
dataSource: [
{ name: "Jane Doe", age: 30 },
{ name: "John Doe", age: 33 }
],
toolbar: {
items: [
{ name: "create", iconClass: "k-icon k-i-plus", text: "Add" },
{ name: "excel", iconClass: "k-icon k-i-file-excel" }
]
},
editable: true
});
</script>In this article