<div style="height:500px; width:1000px">
    <div id="dockmanager"></div>
</div>
<script>
$("#dockmanager").kendoDockManager({
    rootPane: {
        type: "split",
        panes: [{
            type: "content",
            title: "Docked Pane",
            content: "This pane is docked",
            dockable: {
                dock: true
            }
        }, {
            type: "content",
            title: "Undocked Pane",
            content: "This pane is not docked",
            dockable: {
                dock: false
            }
        }]
    }
});
</script>