Panes

You can configure the Panes of the Splitter component via the .Panes() configuration method.

The Splitter Panes can be configured as:

• .Collapsible() - Sets whether the pane can be collapsed by the user.
• .Resizable() - Sets whether the pane can be resized by the user.
• .Scrollable() - Sets whether the pane shows a scrollbar when its content overflows.

Resize Panes Using Click-Move-Click

As of Telerik UI for ASP.NET MVC 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 the resize handle, move it to the desired pane size and then click again to fix the pane size.

See Also

• Overview of the Splitter HtmlHelper for ASP.NET MVC (Demo)
• Server-Side API of the Splitter
• Client-Side API Reference of the Splitter