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

Panes

You can configure the collapsible and resizable pane settings of the Splitter by using JavaScript after the widget has been initialized.

The resize() method of the Splitter recalculates the pane sizes and the split bars are rendered with the current widget settings.

$("#SplitterID").kendoSplitter({
    panes: [
        { collapsible: false, resizable: false, size: 100 },
        { }
    ]
});

var splitterObject = $("#SplitterID").data("kendoSplitter");

splitterObject.options.panes[0].collapsible = true;
splitterObject.options.panes[0].resizable = true;
splitterObject.resize(true);

Resize Panes Using Click-Move-Click

As of Kendo UI R2 SP1 2023, users can resize the Splitter's panes by using the click-move-click functionality provided by the clickMoveClick option. To start resizing the pane, users can click it, and then click again to fix the pane size.

See Also

In this article