Progress Telerik UI for ASP.NET MVC

PanelBar

  • Logically separate app content for a more intuitive user flow using the ASP.NET MVC PanelBar. An Outlook-style navigation system with built-in animations and multiple customization options.
  • 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.

Telerik UI for ASP.NET MVC Suite
Nasa, Visa, Microsoft Fox, Samsung, IBM World Bank Group, Volvo
  • Overview

    The Telerik UI for ASP.NET MVC PanelBar is a collapsible component that contains a number of panels the user can expand to reveal their content area. The control is suitable for both mobile and desktop use and perfect for information-rich applications which need a less crowded UI and can benefit from the show/hide functionality of the PanelBar. The component offers several ways for data binding and customization options, such as expand modes, use of images, animations and more.

    See the ASP.NET MVC PanelBar in action

    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
  • Data Binding

    The ASP.NET MVC PanelBar supports several options for data binding. For small datasets, you can use the local data-binding approach. When you need to handle larger datasets, you can choose the remote data-binding option. Use the DataSource configuration object and learn more about data binding from the documentation page
    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
  • Expand Modes

    The ASP.NET MVC PanelBar offers single and multiple options for expanding the panel items. Using the ExpandMode property, you can configure how many panels to expand at a time, based on the amount of content included and the screen space you want the panels to take up. Refer to the documentation page to learn more about the feature.
    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
  • Images

    You can customize the look and feel of the PanelBar by including images and sprites within the panel items. Choose from a wide variety of visuals, such as national flags and sports categories, to match the requirements of your application and further enhance your PanelBar component.

    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
  • Animations

    The ASP.NET MVC PanelBar component comes with built-in animation effects for expanding and collapsing the panel items, enabling smooth interactions and visually appealing indications of when you show and hide area contents. 

    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
  • Templates

    You can further customize the PanelBar control with the available template options to match the look and feel of your application—apply unique templates for certain items or for all of them.

    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
  • Flexible Client and Server-side API

    You can use the rich PanelBar server- and client-side API functions to implement advanced and specific scenarios. The available public methods, properties and events offer multiple functionalities, such as enable/disable panels, expand/collapse or add/remove selected panel items.
    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
  • RTL Support

    Right-to-left support is available for users who communicate in languages written from right to left. By toggling between left-to-right and right-to-let rendering, you can satisfy any local preference and facilitate user interaction with the ASP.NET MVC PanelBar component.

    See how RTL Support works in ASP.NET MVC PanelBar

    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
  • Keyboard Navigation

    Like most Telerik UI for ASP.NET MVC controls, the PanelBar is also designed to be accessible to all users. Through the available keyboard navigation, the component allows easy interaction without the use of a mouse. Once focused, users can easily navigate through the component and its elements with the supported keyboard shortcuts.

    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText

Next Steps

Launch demos

See the UI for ASP.NET MVC in action and check how much they 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 MVC with dedicated technical support