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 Writer?
Create. Review. Publish.
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?
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 ...Configuring funnel chart
Funnel charts are used to visualize the progressive reduction of data in stages. Each stage of the funnel represents a part of the total. Funnel chart configuration includes setting values for the X and Y axes. Steps to configure a funnel chart 1. ...Configuring scatter chart
Scatter chart displays the relationship between two or more field values using marked, distinct points that appear scattered in the chart. It provides you with the degree of difference between those values, which is known as correlation, such as ...Configuring line chart
Line charts are used to depict trends over periods of time such as analyzing long-term trends in sales, financial data, or marketing statistics. The vertical axis usually displays numeric values, while the X-axis indicates certain specific time ...Configuring area chart
Area charts are similar to line charts, the difference being that the area between the x-axis and line is filled with color or pattern. Using area charts, users can analyze individual as well as an overall change in your data and are ideal for ...
New to Zoho LandingPage?
Zoho LandingPage Resources