rootPane.panes.type String

Specifies the type of the pane. Available options are tab, split or content.

Example

<div style="height:500px; width:1000px">
    <div id="dockmanager"></div>
</div>
<script>
$("#dockmanager").kendoDockManager({
            rootPane: {
                type: "split",
                panes: [{
                    type: "split",
                    panes: [{
                            type: "content",
                            title: "Pane 1",
                            content: "Split Pane 1",
                            size: "40%"
                        }, {
                            type: "tab",
                                panes: [{
                                    type: "content",
                                    title: "Tab 1",
                                    content: "Lorem ipsum dolor sit amet consectetur adipisicing elit."
                                },
                                {
                                    type: "content",
                                    title: "Tab 2",
                                    content: "Commodi suscipit porro optio veritatis obcaecati nostrum molestias dolor maxime!"
                                },
                                {
                                    type: "content",
                                    title: "Tab 3",
                                    content: "Molestias ducimus placeat quia possimus esse atque odio, a recusandae iste exercitationem"
                                }],
                            size: "60%"
                        }]
                    }, {
                    type: "content",
                    header: "Bottom Tab",
                    content: "Bottom content",
                    size: "50%"
                }, {
                    type: "content",
                    title: "Unpinned",
                    content: "Some unpinned content",
                    unpinnable: {
                        unpinned: true
                    }
                }]
            }
        });
</script>
In this article