Add and Configure Gantt Chart Extension on Your Zoho Creator Page
Requirement
Include a Gantt Chart extension in your Zoho Creator application to visualize and understand your project schedule, task duration, overlapping tasks, milestones, and deadlines.
Use Case
Consider a Zoho Creator task management application used in your organization to manage tasks. To display the overall view of the task with various factors like task duration, overlapping tasks, milestones, and deadlines, you can embed the Gantt Chart extension in any of your application pages. With this Gantt chart extension, you can efficiently plan, schedule, and track your projects within Zoho Creator applications.
Pre-requisites
Installing the Gantt Chart Extension for Zoho Creator
- Install the Gantt Chart Extension for Zoho Creator from Zoho Marketplace. Learn how to Install and Manage Extensions.
Alternatively, you can also install the Gantt Chart Extension directly from Zoho Creator. Navigate to the Operations section > Application > Marketplace > Extensions and install it.
Steps to Follow
- Create forms with the following details to record the project and task details.
Form Name
Form Link Name
Field Type
Field Name
Field Link Name
Task Details
Task_Details
Single Line
Task Title
Task_Title
Multi Line
Task Description
Task_Description
Date
Start Date
Start_Date
Date
End Date
End_Date
- Create a page with the name 'Gantt Chart' to add the Gantt Chart extension
- Drag and drop the Gantt Chart extension listed under the Installed category under the Widgets section on the left pane.
- Navigate to the page variables on the page and add the following page variable to include required parameters for the extension.
Variable
Data Type
data
TEXT
- Configure Page Script by adding the following script to the editor for supplying data to the extension's parameters.
Info: To ensure the Gantt chart displays effectively, sort the 'All Task Details' report of Task Details form from its report properties by Start Date field in ascending order.- input.data =
- {
- "reportName":"All_Task_Details",
- "chartSetup":{
- "dateFormat": "dd-MMM-yyyy",
- "fields":
- {
- "taskName":"Task_Title",
- "startDate":"Start_Date",
- "endDate":"End_Date"
- }
- }
- };
Where,
All_Task_Details | is the report link name of the 'Task Details' form's report. |
| dd-MMM-yyyy (Optional) | The date format specified in the date and time settings in your application settings. Supported Formats:
|
Task_Title | is the field link name of the 'Task Title' field in 'Task Details' form. |
| Start_Date | is the field link name of the 'Start Date' field in the 'Task Details' form. |
End_Date | is the field link name of the 'End Date' field in the 'Task Details' form. |
See How it Works
Related Links
Access your files securely from anywhere
Zoho CRM Training Programs
Learn how to use the best tools for sales force automation and better customer engagement from Zoho's implementation specialists.
Zoho DataPrep Personalized Demo
If you'd like a personalized walk-through of our data preparation tool, please request a demo and we'll be happy to show you how to get the best out of Zoho DataPrep.
- Zoho Workerly Home
- Forums
- Connect With Us:
- Zoho Recruit Home
- Forums
- Connect With Us:
New to Zoho CRM Plus?
Deliver unforgettable customer experiences
New to Zoho CRM Plus?
Deliver unforgettable customer experiences
New to Zoho Marketing Plus?
Everything you need to run your marketing
New to Zoho Marketing Plus?
Everything you need to run your marketing
You are currently viewing the help pages of Qntrl’s earlier version. Click here to view our latest version—Qntrl 3.0's help articles.
New to Zoho Survey?
Zoho Sheet Resources
Zoho Forms Resources
New to Zoho Sign?
Zoho Sign Resources
Sign, Paperless!
New to Zoho TeamInbox?
Zoho TeamInbox Resources
New to Zoho ZeptoMail?
Zoho DataPrep Resources
Design. Discuss. Deliver.
New to Zoho Workerly?
New to Zoho Recruit?
New to Zoho CRM?
New to Zoho Projects?
New to Zoho Sprints?
New to Zoho Assist?
New to Bigin?
Related Articles
Gantt Chart Extension
1. Overview The Gantt chart is a powerful project management tool that illustrates your project's schedule, outlining tasks in a timeline with their respective start and end dates. Each task is represented by a horizontal bar called Gantt bars. It ...Add and Configure Timer Extension on Your Zoho Creator Page
Requirement Include a Timer extension in your Zoho Creator application to notify users about the availability of a specific form. Use Case Consider a Zoho Creator Event Management Application designed for event registration. The event registration ...Add and Configure Organizational Tree Map Extension on Your Zoho Creator Page
Requirement Include an Organizational Tree Map extension in your Zoho Creator application to visualize and understand your organizational hierarchy quickly and intuitively. Use Case Consider a Zoho Creator employee management application used in your ...Add and Configure Car Inspection Extension on Your Zoho Creator Page
Requirement Include a car Inspection extension in your Zoho Creator application to assist in inspection and identification of the damaged components of a car. Use Case Imagine a car manufacturing industry that uses Zoho Creator application for ...Add and Configure Check-in/Check-out Extension on Your Zoho Creator Page
Requirement Include a Check-in/Check-out widget in your Zoho Creator application to track the attendance and working hours of your employees in your organization. Use Case Consider a Zoho Creator employee management application designed for managing ...
New to Zoho LandingPage?
Zoho LandingPage Resources