items.miniTemplateFunction

Sets a custom template function for the item in mini mode. The implemented items surface supports function values only. The function must return the item markup used while the Drawer is collapsed in mini mode. If mini.template is configured, it takes precedence over items.miniTemplate.

Example - use a per-item mini template function

<div id="drawer">
    <div>Content area content.</div>
</div>
<script>
    $("#drawer").kendoDrawer({
        mode: "push",
        mini: {
            width: 60
        },
        items: [
            {
                text: "Inbox",
                icon: "inbox",
                miniTemplate: function(item) {
                    return "<li data-role='drawer-item' title='" + kendo.htmlEncode(item.text) + "'>" +
                        kendo.ui.icon({ icon: item.icon }) +
                        "</li>";
                }
            },
            { text: "Archive", icon: "folder" }
        ]
    });
</script>
In this article
items.miniTemplate
Not finding the help you need?
Contact Support