Progress Telerik UI for ASP.NET MVC

Overview

The ASP.NET MVC Splitter control delivers a clean and elegant way to separate content on a web page. Define an interactive layout with resizable, expandable and collapsible panes, all with the ability to set a minimum and maximum pane size.

See Demo
Auto-Resizing

The Splitter can automatically respond to changes in the size of the window and the content, making it a super handy component for all your projects. You can easily program it to auto-resize as the window is resized and adapt to the content width and height.

Read more in our documentation
Customization

The Splitter component offers several customization options. You can set its orientation to be either horizontal or vertical and further configure the control and the panes using a CSS class to alter their default, minimum and maximum sizes and define whether they can be resized and collapsed.
Content Operations
You can choose from two options when setting the content of the panes:
- Static Content
- Asynchronously Loading Content
Read more about ASP.NET MVC Splitter Content Operations
Persisting Pane Size

The component allows you to set its pane size in percentages relative to the window size so that it can respond well when a user resizes the window.
RTL Support

Right-to-left support is available for users who read from right to left. You can satisfy any cultural preference with the Splitter component by changing the text direction from left-to-right to right-to-left and vice versa with only a few settings.
Accessibility

Accessibility can be a large concern in any application. Thanks to the Telerik Splitter component being Section 508 and WCAG 2.1 guidelines compliant, you can rest assured when adding the component to your application.
Keyboard Navigation

Out-of-the-box keyboard navigation is supported by the Splitter component. It allows users to navigate panes using the arrows or collapse and expand a pane of their choice. To see a full list of keyboard controls and user actions visit this demo.
Theming

You can style the Splitter component with one of the multiple built-in themes and swatches. Easily customize any of out-of-the-box themes with a few lines of CSS, or create a new theme to match your colors and branding by using the Progress SASS ThemeBuilder application.