Edit this page

overflowClose

Fires when the overflow popup container is about to close.

Event Data

e.preventDefault Function

Prevents the close action if called. The popup will remain open.

e.sender kendo.ui.ToolBar

The widget instance which fired the event.

Example - subscribe to the "overflowClose" event during initialization

<div id="toolbar"></div>
<script>
    $("#toolbar").kendoToolBar({
        items: [
            { type: "button", id: "btn1", text: "Button 1" },
            { type: "button", id: "btn2", text: "Button 2", overflow: "always" }
        ],
        overflowClose: function(e) {
            console.log("close");
        }
    });
</script>

Example - subscribe to the "overflowClose" event after initialization

<div id="toolbar"></div>
<script>
    $("#toolbar").kendoToolBar({
        items: [
            { type: "button", id: "btn1", text: "Button 1" },
            { type: "button", id: "btn2", text: "Button 2", overflow: "always" }
        ]
    });

    var toolbar = $("#toolbar").data("kendoToolBar");
    toolbar.bind("overflowClose", function(e){
        console.log("close");
    });
</script>
Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article

close
Dummy