Creating Organizational chart of your company using Employee Directory Pro

Organizational charts provide a visual way to showcase reporting hierarchies within an organization by graphically displaying the roles and structure.

Employee Directory Pro draws organizational charts based on employee to manager relationships stored in employee profiles. Clicking on an employee photo takes you the corresponding employee’s profile page. Clicking on a job title shows all employees having the same job title. Clicking on an arrow icon after hovering on a photo shows or collapses the nodes below or across depending on the direction of the arrow icon clicked.

This page has been created using the following shortcode:

[employee_orgchart]

To fit the whole chart into 1200px space, we wrapped the org chart shortcode with a div element having reduce-hsize id:

#reduce-hsize .orgchart .node { width: 100px}