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.
This control is part of the Telerik ASP.NET MVC suite along with 100+ full-featured UI components, designed to build rich & responsive web apps for any device twice as fast.
Achieve fast meaningful results with our detailed documentation, live demos, online technical trainings & outstanding support team.
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.
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.
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.
The ExpansionPanel component has 20+ built-in themes such as Default (our own styling), Material (based on the Material Design guidelines) and Bootstrap (which looks like the Bootstrap styling to integrate better). 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.
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.