zGantt - A Simple Gantt Chart Extension for Zoho Creator

zGantt - Simple Gantt Chart for Zoho Creator

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

  1. Effortlessly visualize task details on a dynamic Gantt timeline view, providing a clear overview of timelines of any activities.
  2. 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
  3. 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.
  1. Go to Zoho Marketplace.
  2. Click Extensions and select Zoho Creator.
  3. Search for the 'Check-in and Check-out' extension and click Install.
  4. 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.

  1. input.appname = "time-tracker";
  2. input.reportname = "My_Tasks";
  3. input.title = "title"
  4. input.fromtime = "start_time";
  5. input.totime = "end_time";
  6. input.dateformat = "dd-MM-yyyy";
  7. input.timezone = "IST";
  8. 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.

  1. 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.

Please contact us through Email (mart[at]zitraar[dot]com) If you need any assistance on setting up the extension after installing it from Zoho Marketplace or if you are facing any issues to assist with.



    • Related Articles

    • Estimates

      Creating and Managing Estimates Overview Estimates help you provide customers with a detailed breakdown of services, including customer details, service name, service date and it's related details. You can easily convert estimates into service ...
    • Customer

      Creating and Managing Customer Details Overview The Customer Form allows you to efficiently add and manage customer details, including names, addresses, mobile numbers, and more. Located under the People tab, this form serves as a central hub for ...
    • Persons

      Creating and Managing Persons Details Overview The Persons report is a comprehensive database that stores crucial details about content submitters. This includes their name, email, phone number, and profession. Whether they are writers, artists, or ...
    • Companies

      Creating and Managing Company Details Overview The Company report is a comprehensive database that stores crucial details about a Company. This includes their name, email, phone number, and related information, this report provides a centralized view ...
    • Contacts

      Creating and Managing Contacts Details Overview The Contact report is a comprehensive database that stores crucial details about a Company's contact. This includes their name, email, phone number, and related information, this report provides a ...