zGantt - Simple Gantt Chart for Zoho Creator - Version 1
Looking for the latest version? Check out the Version 2 documentation. To update your Gantt Chart from Version 1 to the latest, follow Zoho's Widget Installation and Management Guide for detailed instructions. This guide will walk you through the upgrade process step by step.
Overview
The Simple Gantt Chart extension helps the organization to effortlessly track task details on a visual timeline. With intuitive filtering capabilities, users can seamlessly switch between weekly, monthly, yearly, or custom date range views. Streamline task management and enhance productivity.
Key Features
- Effortlessly visualize task details on a dynamic Gantt timeline view, providing a clear overview of timelines of any activities.
- Flexible Viewing Options: Seamlessly switch between various viewing modes, including day, week, month, and year, to adapt the display according to your preferred time frame
- Custom Date Range Filters: Enhance control and focus by filtering task data based on custom date ranges, allowing for targeted analysis and streamlined task management.
Installing the Extension
Installing the extension from Zoho Marketplace is easy, and it can be used as soon as it's installed. Follow these steps to learn more about installing extensions.
- Go to Zoho Marketplace.
- Click Extensions and select Zoho Creator.
- Search for the 'Check-in and Check-out' extension and click Install.
- The extension will be installed on your Creator account and you'll be ready to go.
Set-Up the Extension
Prerequisites
**You must have the following fields in any of your forms in your application to record the data.
Field Data Type | Description |
Single Line | to display the task title |
Date-Time | to display the Start Date-Time of the Task |
| Date-Time | To Display the End Date-Time of the Task |
Create a new page and embed the extension, or use the extension into an existing page by following these steps.
Page Variables
In order to get this extension working, you need to supply the dynamic
values in the page variables. The list of variables required for the
proper functioning of this extension is shown below.
Parameter | Data Type | Description |
appname | Text / String | The link name of the application. |
reportname | Text / String | The link name of the report associated with the form to fetch the task data. |
title | Text / String | The link name of the title / task name field in the form to fetch the title |
fromtime | Text / String | The link name of the start date time field in the form to fetch the start time with date |
totime | Text / String | The link name of the end date time field in the form to fetch the end time with date |
description | Text / String | The link name of the task description field in the form to fetch the task description.  Note: Currently it's not available in the Version 1.0 |
dateformat | Text / String | The date format of your application. You can find this by accessing the Date and Time Settings in your application settings. For Example: dd-MMM-yyyy |
timezone (optional) | Text / String | The date format of your application. You can find this by accessing the Date and Time Settings in your application settings. For Example: IST  Note: if time zone is not specified, the time zone of your Zoho Creator server will be applied automatically. |
criteria | Text / String | The criteria to filter down the record of a specific user for example. Note: Currently it's not available in the Version 1.0 |
Example
Suppose you're using a task management application within your
organization to streamline task allocation and progress tracking. To
effectively monitor task timelines and optimize productivity, you can
integrate the Gantt Chart widget from the Marketplace and embed it
seamlessly into your organization's task management application. With
this integration, you can visualize task details such as start and end
times on a dynamic Gantt timeline, allowing for comprehensive task
oversight and efficient scheduling.
To configure this extension:
1. Create
a form named My Tasks (link name My_Tasks) with the following
details to capture the data in a report( link name My_Tasks_Report)
Filed Type | Field Name | Field Link Name |
Single Line | Title | title |
Date-Time | Start Time | start_time |
Date-Time | End Time | end_time |
2. Embed this extension in any of your pages in your application and add the mentioned page variables to the page.
3. Configure the page script to supply the values for the specified page variables, as shown below.
- input.appname = "time-tracker";
- input.reportname = "My_Tasks";
- input.title = "title"
- input.fromtime = "start_time";
- input.totime = "end_time";
- input.dateformat = "dd-MM-yyyy";
- input.timezone = "IST";
- input.criteria = "";
Note: To dynamically open a page with the Simple Gantt Chart in various scenarios such as workflow action, functions, custom actions in reports, panel actions in pages, utilize the openURL task. This task allows you to supply values to the page variables through query parameters.
- openUrl("#Page:gantt-report?appname=time-tracker&reportname=My_Tasks&fromtime=start_time&totime=end_time&dateformat=dd-MM-yyyy&timezone=IST);
Users can log in to the Time Tracker (your application name) application and navigate to the dedicated page where the Gantt Chart widget is embedded. Here, they can visualize the task timeline, displaying task start and end times for efficient planning and tracking. With intuitive navigation controls, users can seamlessly switch between different time frames such as day, week, month, or year, gaining comprehensive insights into task schedules and deadlines. This streamlined interface empowers users to effectively manage tasks and optimize productivity within the organization.