resize

Triggered when a pane is resized.

Example - subscribing to the resize event during initialization

<div style="height:500px; width:1000px">
    <div id="dockmanager"></div>
</div>
<script>
$("#dockmanager").kendoDockManager({
            resize: function(e){
                // pane is resized
            },
            rootPane: {
                type: "split",
                orientation: "vertical",
                panes: [{
                        type: "content",
                        title: "Pane title",
                        content: "Pane 1"
                    },{
                        type: "content",
                        title: "Pane 2",
                        content: "Pane 2"
                    }]
            }
        });
</script>

Example - subscribing to the resize event after initialization

<div style="height:500px; width:1000px">
    <div id="dockmanager"></div>
</div>
<script>
function pane_resize(e) {
  // pane is resized
}
$("#dockmanager").kendoDockManager({
            rootPane: {
                type: "split",
                orientation: "vertical",
                panes: [{
                        type: "content",
                        title: "Pane title",
                        content: "Pane 1"
                    },{
                        type: "content",
                        title: "Pane 2",
                        content: "Pane 2"
                    }]
            }
        });
var dockmanager = $("#dockmanager").data("kendoDockManager");
dockmanager.bind("close", pane_resize);
</script>
In this article