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!
Telerik UI for ASP.NET MVC Suite
  • 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. 
    Telerik UI for ASP.NET MVC ExpansionPanel - overview
  • 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. 
    Telerik UI for ASP.NET Core Events
  • 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. 

    Telerik UI for ASP.NET MVC ExpansionPanel - theming
  • 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. 
    Telerik UI for ASP.NET Core Keyboard navigation

All ASP.NET MVC Components

Next Steps