UI for ASP.NET MVC
ASP.NET MVC ExpansionPanel
- Perfectly suited for information-rich web apps, the ASP.NET MVC ExpansionPanel lets you control the amount of data displayed. Featuring animated expansion, theming and more.
- Part of the Telerik UI for ASP.NET MVC library along with 110+ professionally designed UI components.
- Includes support, documentation, demos, virtual classrooms and more!
-
Overview
The Telerik UI for ASP.NET MVC ExpansionPanel component is best used when the user wants to focus on a specific section on your screen. Perfectly suited for information-rich web apps, the component logically separates the information for a more intuitive user flow. Wikipedia for example uses ExpansionPanels to divide each page into smaller sections to make it easier for the user to read the article.
-
Configuration
The component provides flexible configuration options. By setting the appropriate attributes, you can choose to override the title and subtitle, animate the component as it expands or disable the expandable property altogether. -
Events
Expanding and collapsing the control triggers three events—OnExpand, OnCollapse and OnComplete. The first two are emitted immediately when the corresponding action is triggered, while OnComplete is fired once the animation is completed.
-
Theming
The ExpansionPanel component has multiple built-in themes such as Default (our own styling), Material (based on the Material Design guidelines), Bootstrap (which looks like the Bootstrap styling to integrate better) and Fluent (based on Microsoft Fluent UI). You can easily customize any of out-of-the-box themes with a few lines of CSS or create new theme to match your colors and branding by using the Telerik SASS ThemeBuilder application.
-
Keyboard Navigation
The ASP.NET MVC ExpansionPanel provides keyboard navigation and accessibility features, making your apps usable by anyone. If several ExpansionPanel components are available, the user can easily switch between them using Tab/Shift+Tab.
