items.spriteCssClassString
Specifies custom css class added to the sprite icon element of the item.
Example
<style>
.custom-icon { width: 16px; height: 16px; background-color: #ff6358; }
.warning-icon { width: 16px; height: 16px; background-color: #ffa500; }
.success-icon { width: 16px; height: 16px; background-color: #28a745; }
</style>
<button id="dropdownbutton" type="button">Status</button>
<script>
$("#dropdownbutton").kendoDropDownButton({
items: [
{ text: "Error", spriteCssClass: "custom-icon" },
{ text: "Warning", spriteCssClass: "warning-icon" },
{ text: "Success", spriteCssClass: "success-icon" }
]
});
</script>
In this article