Fired when the Kendo UI Drawer is about to be hidden. The event can be prevented by calling the preventDefault method of the event parameter.


<div id="drawer">
        <div>Content area content.</div>
        $(document).ready(function() {
            var drawerInstance = $("#drawer").kendoDrawer({
                mode: "push",
                template: `<ul><li data-role='drawer-item'><span class='k-icon k-i-star-outline'></span><span class='item-text'>item 1</span></li><li data-role='drawer-separator'></li><li data-role='drawer-item'><span class='k-icon k-i-twitter'></span><span class='item-text'>item 2</span></li></ul>`,
                position: 'left',
                hide: function(e) {
/* The result can be observed in the DevTools(F12) console of the browser. */
                    console.log("Drawer is about to be hidden");


Event Data

e.sender kendo.ui.Drawer

The widget instance which fired the event.

In this article