background

UI for PHP

PHP OrgChart

  • Part of the Telerik UI for PHP library along with 100+ professionally-designed components.
  • Includes support, documentation, demos and more!
  • Overview

    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. 
    Telerik UI for PHP Org-Chart-Component-Overview
  • Data Binding

    The OrgChart component for PHP can be bound to two types of data sources: 
    • Local data
    • Remote AJAX data
    Telerik UI for ASP.NET Core Data Binding
  • 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.  
    Telerik UI for PHP Org Chart Expand Collapse
  • 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. 
    Telerik UI for ASP.NET Core Events
  • 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. 
    RTL Support
  • 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. 
    Telerik UI for ASP.NET Core Keyboard navigation
  • Accessibility

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