<div style="height:500px; width:1000px">
    <div id="dockmanager"></div>
</div>
<script>
$("#dockmanager").kendoDockManager({
    rootPane: {
        type: "split",
        panes: [{
            type: "content",
            title: "First Pane",
            content: "Content of the first pane"
        }, {
            type: "content",
            title: "Second Pane",
            content: "Content of the second pane"
        }]
    }
});
</script>