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.

zGantt - A Simple Gantt Chart Extension for Zoho Creator

zGantt - Simple Gantt Chart for Zoho Creator - Version 1

Overview

Key Features

Installing the Extension

Set-Up the Extension

Prerequisites

Page Variables

Example

Related Topics

Related Articles

zGantt - Simple Gantt Chart for Zoho Creator - Version 2

Estimates

Customer

Persons

Companies