The Telerik UI for PHP OrgChart component allows users to interact with organizational structures and easily navigate to people or positions of interest. The control helps visualize hierarchical data in a sophisticated manner and allows expansion and collision of multiple nodes. It features grouping, remote data binding, editing, load on demand, custom content rendering through templates, accessibility, keyboard navigation, RTL and more.
Data Binding
The OrgChart component for PHP can be bound to two types of data sources:
Local data
Remote AJAX data
Load on Demand
The OrgChart for PHP 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.
Editing
The Telerik UI OrgChart component supports CRUD operations. It comes with a built-in popup menu that can be opened from the three dots on each item. The menu allows users to edit, create or delete items. When editing an item, you can change its parent, name, title and avatar picture.
OrgChart Grouping
Items in the Organizational chart can be grouped in two different ways:
Group by a dedicated Field in your data source. This can come in handy for people with identical categories, for example job titles (e.g. Quality Assurance, Senior Developer etc.)
Grouping by parent. Items can be grouped by their ParentID, useful for grouping employees who report to the same manager.
Templates
To allow further customization, the OrgChart component supports two types of templates—Template and GroupHeaderTemplate. Using TemplateId enables you to render custom content in the body of the node, while with the GroupHeaderTemplateId, you can customize the node header.
Events
The Telerik UI for PHP OrgChart component can fire a variety of events OnExpand, OnColapse, OnSelect, OnChange, OnEdit and many more.
RTL Support
The OrgChart is one of the many Telerik UI for PHP components with support for RTL configuration. The RTL functionality accommodates users who communicate through a right-to-left language such as Arabic or Hebrew.
Keyboard Navigation
The PHP 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.
Accessibility
The OrgChart component is compliant with Section 508 and WCAG 2.1 guidelines to unsure your application is accessible to all users.
Theming
The Telerik UI for PHP OrgChart has 20+ built-in themes and swatches. Explore the Default (our own styling), Material (based on the Material Design guidelines) and Bootstrap (which looks like the Bootstrap styling to integrate better) themes and choose the swatch that best suits your application. You can easily customize any theme with a few lines of CSS or create a new one to match your colors and branding with the Progress SASS ThemeBuilder application.