Progress Telerik UI for ASP.NET Core

ASP.NET Core Splitter

  • Use the ASP.NET Core Splitter component to separate your pages into sections for a more intuitive flow. Allow users to control the pane size, expansion orientation and visibility.
  • This control is part of the Telerik UI for ASP.NET Core suite along with 100+ fully-featured UI components designed to speed up delivery & improve every aspect of your workflow.
  • Manage each project and plan dev time accordingly using the public product roadmap, regular releases, extensive learning resources and outstanding technical support team.
Telerik UI for ASP.NET Core Suite
Nasa, Visa, Microsoft Fox, Samsung, IBM World Bank Group, Volvo
  • Overview

    The Telerik UI for ASP.NET Core Splitter is a layout component used to split pages into panes that can be expanded or collapsed, both vertically and horizontally. The vertical and horizontal orientation of the Splitter can be combined to build complex layouts. Their main goal is to let users resize panes to their preference for a better user experience.

    See the ASP.NET Core Splitter demo
    Telerik UI for ASP.NET Core Splitter - Overview
  • Auto Resizing

    The Splitter component can be programmed to automatically resize in the following scenarios: 
    • Along with a Window component 
    • Expand its height depending on the content of the pane 
    • Adjust its height if you expand it vertically and resize it together with the browser window 
    The Splitter also enables you to keep its pane size in percentages upon user resizes. 
  • Customization

    The ASP.NET Core Splitter component and its panes can be customized in several ways. The control can be positioned horizontally or vertically. You can add a CSS class to both the Splitter and its panes to configure their default, minimum and maximum sizes and define if they can be resized and collapsed. 
    Telerik UI for ASP.NET Core Splitter - Horizontal
  • Razor Pages

    The Splitter component is one of the many Telerik UI for ASP.NET Core controls that are supported in both MVC and Razor Pages applications. To view the complete list of Telerik components that you can plug in ASP.NET Core Razor Pages projects, check out the documentation article or visit the Razor Pages examples in our GitHub project repository.  
  • Content Operations

    The Splitter also provides several options for setting the content of the panes—the static content and the asynchronously loading content. 
  • 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 alignment between left-to-right and right-to-left with only a few settings.

    See the ASP.NET Splitter RTL Support demo
    Telerik UI for ASP.NET Core
  • HTML and Tag Helpers

    Create expandable and collapsible panels with an HTML-like syntax through the Splitter Tag Helper or use the convenient HTML Helper.  

    Telerik UI for ASP.NET Core
  • Accessibility

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

    Telerik UI for ASP.NET Core Accessibility
  • Keyboard Navigation

    The Telerik UI for ASP.NET Core Splitter component supports keyboard navigation, which allows users to navigate panes by only using a keyboard. Whether your application’s audience consists of avid keyboard users or prefers the old-school mouse approach, they would all enjoy using the control. To see more details about Keyboard Navigation for the Splitter, visit this demo
    Telerik UI for ASP.NET Core Keyboard navigation
  • Theming

    The Splitter component has 20+ built-in themes, such as Default (our own styling), Material (based on the Material Design guidelines) and Bootstrap (resembling the Bootstrap styling). You can easily customize any out-of-the-box theme with a few lines of CSS or create new themes to match your colors and branding by using the Telerik SASS ThemeBuilder application. 
Get Started Waves

Next Steps

Launch demos

See Telerik UI for ASP.NET Core in action and check out how much it can do out-of-the-box.

Compare pricing

Check out the offers. Purchase an individual suite, or treat yourself to one of our bundles.

Download Free Trial

Try Telerik UI for ASP.NET Core with dedicated technical support.