overflowOpen

Fires when the overflow popup container is about to open.

Event Data

e.preventDefault Function

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

e.sender kendo.ui.ToolBar

The widget instance which fired the event.

Example - subscribe to the "overflowOpen" 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" }
        ],
        overflowOpen: function(e) {
/* The result can be observed in the DevTools(F12) console of the browser. */
            console.log("open");
        }
    });
</script>

Example - subscribe to the "overflowOpen" 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("overflowOpen", function(e){
/* The result can be observed in the DevTools(F12) console of the browser. */
        console.log("open");
    });
</script>
In this article