Basic usage

Loading Demo...
  • EXAMPLE
  • VIEW SOURCE
index.cshtml
IndexController.cs

Also available for:

CLIENT-SIDE API SERVER-SIDE API
devcraft ninja image

The Splitter component is part of Telerik UI for ASP.NET Core, a professional grade UI library with 110+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

Description

The Telerik UI for ASP.NET Core Splitter provides a dynamic layout of collapsible and resizable panes. Depending on its configuration, the Splitter can convert an HTML element’s children into an interactive layout with adjustable handles. The Splitter comes with combined vertical and horizontal orientation options, auto-resizing, size-persisting, and static and asynchronous content.

Key Features

  • Auto-resizing to window – resize automatically along with the Kendo Window widget
  • Auto-resizing to content – expand the Splitter based on the content inside a pane
  • Auto-resizing the height – expand vertically and resize it along with the browser window
  • Persisting the pane size – keep its pane size in percentage upon user resizing interaction
  • Content – options for setting the content of the panes (static and asynchronous)
  • Vertical and Horizontal orientation – combine vertical and horizontal orientations for a more complex layout
This Splitter example is part of unique collection of hundreds of ASP.NET Core demos, with which you can see all Telerik ASP.NET Core components and their features in action. View the source code of each of them or directly adapt and edit them, including their theme appearance, in Telerik REPL for ASP.NET Core.

Support & Learning Resources

Additional Resources