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
items.spriteCssClass
Not finding the help you need?
Contact Support