Progress Telerik UI for ASP.NET MVC

Overview

The Telerik UI for ASP.NET MVC OrgChart component lets users navigate through rich and interactive organizational charts, expanding and collapsing each node to find their point of interest. The control comes with built-in grouping feature, remote data binding, item editing as well as accessibility and keyboard navigation support.

See the Telerik UI for ASP.NET MVC OrgChart in action
Load on Demand

The OrgChart for ASP.NET MVC can load on demand by requesting information asynchronously from a remote data source. This comes in handy when dealing with large data sets, as they could take a lot of time to load, and most of the time this information is not needed right away.

See Demo
OrgChart Grouping
There are two ways in which you can group items in the OrgChart control:
- Using the built-in grouping feature, which groups items by a dedicated Field in your data source.
- Grouping by parent, which is used to group items by a specific ParentID.
See the ASP.NET MVC OrgChart built-in grouping feature in action.

Learn how to Group items by ParentID in this demo
Templates
The Organizational Chart for ASP.NET MVC comes with support for two templates:
- Template renders custom content in the node body.
- GroupHeaderTemplate renders custom content in the node header.
Learn more about the Template and GroupHeaderTemplate templates in this demo
Events

The Telerik UI for ASP.NET MVC OrgChart component can fire a variety of events OnExpand, OnColapse, OnSelect, OnChange, OnEdit and many more.

To explore all exposed events and learn more about the component, visit this demo page.
RTL Support

The OrgChart is one of the many Telerik UI for ASP.NET MVC components with support for RTL configuration. The RTL functionality accommodates users who communicate through a right-to-left language such as Arabic or Hebrew.

See Demo
Accessibility

The OrgChart component is compliant with Section 508 and WCAG 2.1 guidelines to ensure your application is accessible to all users.
Keyboard Navigation

The ASP.NET MVC OrgChart comes with out-of-the-box keyboard navigation support. Users can use the arrows to open or close a node on focus or to navigate to other items in the chart.

See Demo
OrgChart Theming

You can style the OrgChart with the help of 20+ built-in themes and swatches the component comes with. Explore the Default (our own styling), Material (based on the Material Design guidelines) and Bootstrap (which resembles the Bootstrap styling to integrate better) themes and choose the swatch that best suits your application. You can easily customize the available themes with a few lines of CSS or create a new one with the Progress SASS ThemeBuilder application to meet your client’s design requirements.