New to Kendo UI for jQuery? Start a free 30-day trial

RootPane.panes.unpinnable

configuration

Specifies if the pane can be pinned/unpinnned. Available only for panes of type content.

rootPane.panes.unpinnable

Object|Boolean

Default: true

<div style="height:500px; width:1000px">
    <div id="dockmanager"></div>
</div>
<script>
$("#dockmanager").kendoDockManager({
    rootPane: {
        type: "split",
        panes: [{
            type: "content",
            title: "Unpinnable Pane",
            content: "This pane can be unpinned",
            unpinnable: true
        }, {
            type: "content",
            title: "Non-Unpinnable Pane",
            content: "This pane cannot be unpinned",
            unpinnable: false
        }]
    }
});
</script>

rootPane.panes.unpinnable.unpinned

Boolean

Specifies if the pane is unpinned. Available only for panes of type content.

Default: true

<div style="height:500px; width:1000px">
    <div id="dockmanager"></div>
</div>
<script>
$("#dockmanager").kendoDockManager({
            rootPane: {
                type: "split",
                panes: [{
                    type: "content",
                    header: "Pane 1",
                    content: "Pane content"
                }, {
                    type: "content",
                    header: "Pane 2",
                    content: "Other content",
                    unpinnable: {
                        unpinned: false
                    }
                }, {
                    type: "content",
                    title: "Unpinned",
                    content: "Some unpinned content",
                    unpinnable: {
                        unpinned: true
                    }
                }]
            }
        });
</script>

rootPane.panes.unpinnable.unpinnedSize

String

The size of the pane when unpinned. If not specified the pinned size is used. Available only for panes of type content.

<div style="height:500px; width:1000px">
    <div id="dockmanager"></div>
</div>
<script>
$("#dockmanager").kendoDockManager({
            rootPane: {
                type: "split",
                panes: [{
                    type: "content",
                    header: "Pane 1",
                    content: "Pane content"
                }, {
                    type: "content",
                    header: "Pane 2",
                    content: "Other content"
                }, {
                    type: "content",
                    title: "Unpinned",
                    content: "Some unpinned content",
                    unpinnable: {
                        unpinned: true,
                        unpinnedSize: "500px"
                    }
                }]
            }
        });
</script>