Employee Organization Chart on Website Page

Odoo Website : Employee Organizational Chart Module

Display Employee Organizational Hierarchy on Website

This module allows you to display the Employee Organization Chart on a dedicated website page. You can create custom menu items and link them to the organization chart page using its unique URL. This provides a clear and structured view of your company's employee hierarchy directly on the website.

Main Features:

• Allows customers and guest visitors to view the Employee Organization Chart directly on the website.
• Users can search for employees by name or employee code to view detailed information and organizational hierarchy.
• If the entered employee name or code is not found, the system displays a warning message.
• In cases where multiple employees share the same name, users can search using the unique identification code.
• Backend configuration allows you to set a short name and a short job position name for each employee, which will be shown in the chart.
• Parent Hierarchy Logic: If an employee does not have a manager assigned, they will be considered as a top-level (parent) node in the chart. If multiple such employees exist, the system will automatically select the first one as the top parent.
• Employee profile images must be set to 128px height and 128px width in the backend to ensure proper display within the organization chart on the website. This fixed size ensures a consistent and well-aligned appearance of the hierarchy layout.
• For more details, please refer to the demo video and the screenshots below.

Website Menu Navigation for Organization Chart

Clicking the Organization Chart menu navigates to the Employee Hierarchy view.

Display Employee Details

Clicking on an employee name opens their detailed information view.

Employee details are displayed when searched by name or identification code.

In the search box, enter the employees name or identification code.

Clicking on the employee detail opens their detailed profile view.

Employee Detailed Information View

Display the Employee Hierarchy by Searching with Name or ID Code

Enter the employee name or identification code in the search box.

Hierarchy Visualization of Employees

Displays a warning message if the entered employee name or code does not exist.

Hover over an employee to view their image, name, and position

Configure Short Name and Job Role in Employee Form

Display Employee Short Name and Job Position

Set Parent (Manager) Configuration for Employees

It's necessary that at least any one manager should be exist.