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.
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
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.
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.
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.
The OrgChart component can fire a variety of events OnExpand, OnColapse, OnSelect, OnChange, OnEdit and many more.
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.
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.
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.
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.