Requirement

Use Case

Pre-requisites

1. Search for and install the Organizational Tree Map Extension for Zoho Creator from Zoho Marketplace. Learn how to Install and Manage Extensions.
   
   

Alternatively, you can also install Organizational Tree Map Extension directly from Zoho Creator. Navigate to the Operations section > Application > Marketplace > Extensions and install it.

Steps to Follow

1. Create a form with the following details to store employee's information.
   

   Form Name	Form Link Name	Field Type	Field Name	Field Link Name
   Employee Details	Employee_Details	Name	Employee Name	Employee_Name
   		Email	Email	Email
   		Phone	Phone	Phone
   		Single Line	Designation	Designation
   		Lookup (Employee Details) Note: This lookup field is to be linked with the same form with a display field as 'Employee Name'.	Reporting To (Employee Name)	Reporting_To
   		Image	Photo	Photo

2. Create a page with the name 'Organizational Chart' to add the Organizational Tree Map extension.
   
3. Drag and drop the Tree Map Widget extension listed under the Installed category under the Widgets section in the left pane.
   
   
4. Navigate to the page variables on the page and add the following page variables to include the required parameters for the extension.
   

   Variable	Data Type
   appname	TEXT
   reportname	TEXT
   employee	TEXT
   photo	TEXT
   employeesubtext	TEXT
   reportingto	TEXT

1. 
   
   
5. Configure Page Script by adding the following script to the editor to supply data to the extension's parameters.
   

See How it Works

Related Links

1. Organizational Tree Map Extension
   
2. Understand Extensions
   
3. Install and Manage Extensions