rootPane.panes.size String

Specifies the size of a pane defined as pixels (i.e. "200px") or as a percentage (i.e. "50%").

Example

<div style="height:500px; width:1000px">
    <div id="dockmanager"></div>
</div>
<script>
$("#dockmanager").kendoDockManager({
            rootPane: {
                type: "split",
                panes: [{
                        type: "content",
                        title: "Pane 1",
                        content: "Pane 1",
                        size: "20%"
                    },{
                        type: "content",
                        title: "Pane 2",
                        content: "Pane 2",
                        size: "30%"
                    },{
                        type: "content",
                        title: "Pane 3",
                        content: "Pane 3",
                        size:"50%"
                    }]
            }
        });
</script>