JSP OrgChart

  • Overview

    The Telerik UI for JSP 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. 
    Telerik UI for JSP Org-Chart-Component-Overview
  • Telerik UI for ASP.NET Core Data Binding

    Data Binding

    The component can be bound both to client-side JSON objects and to server-side IEnumerable collections.  
  • Load on Demand

    When dealing with big datasets, it is not always practical to have all the data loaded from the start as it may slow down the process. That is why the Telerik OrgChart component can be bound to a remote data source and when a node is expanded, its child items can be loaded on demand
    Telerik UI for JSP Org Chart Expand Collapse
  • Editing

    The Telerik UI for JSP OrgChart component supports CRUD operations out of the box. Items can be edited, created or deleted from a context menu, which can be opened from any item on the chart by clicking the three dots at the upper right corner. If you choose to edit an item, you can change its parent, name, title and avatar.    
  • OrgChart Grouping

    There are two ways in which you can group items in the OrgChart control. Either by using the built-in grouping feature, which groups items by a dedicated Field in your data source. Or by grouping by parent, which is used to group items by a specific ParentID. 
  • Templates

    The Organizational Chart for JSP comes with support for two templates: 
    • Template renders custom content in the node body.
    • GroupHeaderTemplate renders custom content in the node header. 
  • Events

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

    RTL Support

    Right-to-left support is available for cultures where people read from right to left. You can satisfy any cultural preference with the JSP OrgChart component by changing the alignment between left-to-right and right-to-left with only a few settings. 
  • Keyboard Navigation

    The JSP 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.  
    Telerik UI for ASP.NET Core Keyboard navigation
  • Telerik UI for ASP.NET Core OrgChart Accessibility

    Accessibility

    The OrgChart component is Section 508 and WCAG 2.1 guidelines compliant, thus you can rest assured that your application will meet the needs of all users. 
  • 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. 
    Telerik UI for JSP OrgChart Theming

Next Steps

Download 30-day free trial

Try Telerik UI for JSP with dedicated technical support.

Launch demos

See the UI for JSP in action and check how much it can do out-of-the-box.

Compare pricing

Check out the offers. Purchase an individual suite or treat yourself to one of our bundles.