New to Telerik UI for ASP.NET Core? Download free 30-day trial

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 Core 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

In this article