background

UI for ASP.NET MVC

ASP.NET MVC OrgChart

  • Use the Telerik UI for ASP.NET MVC OrgChart to create sophisticated organizational charts. Utilize the plethora of built-in features including grouping, templates, load on demand and many 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 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
    Telerik UI for ASP.NET MVC Org-Chart-Component-Overview
  • 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.  
    Telerik UI for ASP.NET MVC OrgChart Expand Collapse
  • 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.

  • 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. 


    Telerik UI for ASP.NET Core Events
  • 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. 
    Telerik UI for ASP.NET Core RTL Support
  • Accessibility

    The OrgChart component is compliant with Section 508 and WCAG 2.1 guidelines to ensure your application is accessible to all users. 
    Telerik UI for ASP.NET Core Accessibility
  • 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.  
    Keyboard navigation
  • OrgChart Theming

    You can style the OrgChart with the help of the multiple built-in themes and swatches the component comes with. Explore the Default (our own styling), Material (based on the Material Design guidelines), Bootstrap (which resembles the Bootstrap styling to integrate better) and Fluent (based on Microsoft Fluent UI) 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. 

    Telerik UI for ASP.NET MVC Org Chart Theming

All ASP.NET MVC Components

Next Steps