Telerik UI for ASP.NET Core
ASP.NET Core ExpansionPanel
- Made for information-rich web apps, the ASP.NET Core ExpansionPanel allows users to control the amount of information displayed on a screen. Featuring animated expansion and more configuration options.
- This control is part of the Telerik UI for ASP.NET Core suite along with 110+ 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.
-
Overview
The Telerik UI for ASP.NET Core ExpansionPanel component is a tool best used when users want to focus on one out of several different sections on your screen. Information-rich web apps are the perfect host for this component as it naturally separates the information in a simple way. Wikipedia for example uses ExpansionPanels to divide each page into smaller sections to make it easier for users to read an article.
Check out the ASP.NET Core ExpansionPanel demo
-
Configuration
The control can be configured in several ways. By setting the appropriate attributes, you can override the title and subtitle, animate the component expansion or disable the component’s 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 requested (e.g. when the user clicks the expansion arrow). OnComplete is fired once the animation is completed which happens several parts of a second after the button click.
-
HTML and Tag Helpers
Telerik UI for ASP.NET Core provides you with two ways to declare UI components - by using either HTML or Tag helpers. You can use them to help you easily configure the Expansion panel.
-
Keyboard Navigation
Keyboard navigation can be enabled by adding a key-binding to focus on the ExpansionPanel and then use Space or Enter to toggle the expansion. If you have several expansion panel components, the user will be able to switch between them using Tab/Shift+Tab.
Telerik UI for ASP.NET Core ExpansionPanel keyboard navigation demo
-
ExpansionPanel Theming
The Telerik ASP.NET Core ExpansionPanel component has 20+ 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.
Next Steps
See Telerik UI for ASP.NET Core in action and check out how much it can do out-of-the-box.
Check out the offers. Purchase an individual suite, or treat yourself to one of our bundles.
Try Telerik UI for ASP.NET Core with dedicated technical support.