close

Triggered before the responsive panel is closed. Cancellable.

Attach close event handler during initialization

<nav id="navigation">
    <a href="#">Home</a>
    <a href="#">Products</a>
</nav>

<article>
    <button class="k-rpanel-toggle"><span class="k-icon k-i-menu"></span></button>

    Content
</article>

<script>
    // event handler for close event
    var onClose = function() {
        // the responsive panel is closing
        console.log("closing");
    };

    // attach close event handler during initialization
    $("#navigation").kendoResponsivePanel({
        close: onClose
    });
</script>

Attach close event handler via bind(); detach via unbind()

<nav id="navigation">
    <a href="#">Home</a>
    <a href="#">Products</a>
</nav>

<article>
    <button class="k-rpanel-toggle"><span class="k-icon k-i-menu"></span></button>

    Content
</article>

<script>
    $("#navigation").kendoResponsivePanel();

    // event handler for close event
    var onClose = function() {
        // the responsive panel is closing
        console.log("closing");
    };

    // attach close event handler via bind()
    $("#navigation").data("kendoResponsivePanel").bind("close", onClose);
</script>
In this article
Not finding the help you need?