Skip Ribbon Commands
Skip to main content
Sign In


Org. Chart app is part of [[/Wiki Pages/Data View Toolset (Misspelled WordSPFx) Misspelled WordOverview.aspx|KWizCom Data View Toolset (Misspelled WordSPFx)]].

The Org. Chart app is a SharePoint client-side web part, utilizing the new SharePoint Framework
(Misspelled WordSPFx), displaying dynamic organization charts based on various data source types.
The retrieved items are displayed using super-flexible, fully-responsive “Lego-style” controls, enabling you to have the exact view you need, including custom menus, conditional formatting, configurable filters and more.


Key Features


Org. Chart web part
SharePoint List Misspelled Worddatasource
Excel file Misspelled Worddatasource  

MS Graph API Misspelled Worddatasource - Connect to Azure AD  

SharePoint User Profiles Misspelled Worddatasource     
Connect to multiple data sources and display them in overlay layout         
"Assistant" employee type     
Multiple parents -Support for employees that have more than one manager to whom they report.    
Deeper customizations available by using CSS and knockout
Export to CSV
Advanced controls: 
- Filter
- Conditional formatting



Org. Chart run-time behavior

This section describes the end-user functionality of the Org. Chart app.

Search and filter
The Org. Chart app enables configuring custom filters that enable end-users to easily find employees.

As you can see in the picture above, end-users can use this custom filter that appears above the chart, which also enables them to save their configured filter.

Display employee profile, hierarchy and actions
When you click an employee box in the chart, the employee card will be displayed:

While viewing the employee card user can click the following links to get more information:
(1) Actions - clicking this link will display additional actions that were configured for the employee card:

Administrator can configure additional/other actions to be displayed in the employee card.
(2) View hierarchy - clicking this icon will open a popup displaying the current employee's manager, peers and staff:
User can click any of the displayed peers/manager/staff to navigate directly to its employee card.
(3) View profile - clicking this link opens a popup displaying current user's properties:

The properties displayed in the profile popup are fully configurable.


Hovering over the Org. chart and by using the mouse-scroll wheel user can zoom-in/out
Export/Print chart
By clicking the "Hamburger" menu user can see all export options:

So you can export the chart both to image formats such as PNG and SVG, and to data format such as CSV.
Display in full-screen
Sometimes the displayed chart is just too big to be displayed in a web-part size, causing both vertical and horizontal scrollbars.
Users can switch to full screen view by clicking the "Hamburger" menu and then by selecting the "Full screen" option.

Last modified at: 4/26/2022 3:15 PM
Last modified by: Nimrod Geva
Type: User-guide
Article has been viewed 2320 times.

Also in this category

Powered by KWizCom WikiPlus