Skip to content

New Gantt Editor Release: The Best Ever!

April 5, 2017

It’s been a long time since I last published on this blog, I was very busy on building our  Twproject Project Management Software better and better. We have just released version 6.2 with a new mobile interface… but I’ll be back on this in one of my future posts.

During the last two years we have collected several feedback from our customers, but improvements and fixes were made on the Twproject’s Commercial Gantt editor version only.

The commercial version has been always a step forward the open source one, so after two and half years the gap becomes unbridgeable and I needed time and funds to ferry the open source component to the new world 🙂

Thanks to WikiSuite, that funded the alignment, the new version has finally seen the light.

Twproject’s Free Gantt Editor has been completely redesigned, the look and feel has been improved and usability has been improved.

There is also a lot of work under the hood. In order to fix several “strange” issues on complex Gantt cases, in fact, we have included a sort of unit testing engine (see ganttTestSuite.js) that helped us identifying and fixing issues.

..and some other changes…

We have added new columns on the grid: progress and milestones.

Collapsed tasks’ status is stored as well as the column’s size. Double click on columns will give the best fitting size.

Task delete, indent, outdent, up, down are now available using the keyboard too; that speeds-up the project editing.

Several new permissions have been added to let jQuery Gantt editor working better on real environments.

Last but not least, the Gantt editor works fine with jQuery 3.1.

Twproject jQuery Gantt editor–new version and service

September 15, 2014

Online Demo/Service and Sources

There are two news for this release:

1) a new “Pupunzi-ed” skin

2) a new service for storing and sharing your Gantts


Stylish and clean skin by Pupunzi

August is the calmest month of the year, most of our customers are in holiday and we had the time to look to our products under a different POV (3D docet Smile). Matteo (alias pupunzi) told me: “your Gantt sucks!”. I replied: “Ok, do it better…..if you can”. And he did it!


In the new skin, task statuses are more visible and everything uses media queries to better fit screen resolutions.

Another improvement is related to the scale and the splitter: positions are now stored on the project, so that you will open the Gantt on the same “visual” state.

We have also introduced a resource editor.

A nice feature is on project loading. Sometimes the json used for feeding the Gantt contains some errors; we made the loading process more robust to errors.

Some small bugs has been fixed too.


But the real great news is:


The on-line service

We worked on this component for a long time and we received lots of requests for implementing a “simple” service.

Here it is!  Now you can test it online, and moreover you can share Gantts with your friends and colleagues and embed as many Gantts you designed.

Nothing changed to the license that was and still remains MIT!

There is a simple login that uses most commons socials: Twitter, Facebook, Google or Linked-in


We use socials for authentication purpose only (no post, e-mail or spam), but you can help us keeping the service free by “spreading the word” Smile. Your project Gantts will be saved  to your account for a private access.


You can save as many Gantts you need. Here is a project list:


Project name is simply the name of the root of your Gantt.

You can show your Gantt to your friends/colleagues by using the “share” button:


Following the link anyone will be able to see your project (in read-only!), no login is required. Click here an example.

Moreover we created a widget to help including the Gantt in any page. Click on “embed”


Choose the size, and then copy and paste the code on your page. The widget will scale the content to adapt to the size.

If you want to export project data copy the share link

and replace “/project/” with “/data/”


Get more from your Gantt

As you know, a project is more than a Gantt, and mostly you get your project done by collaborating in team.
The free online Gantt service, is part of Twproject, a complete and easy to use project management solution where I’m the software architect.

You will find there in use several of my JavaScript components whose development I often describe on this blog.

With Twproject you can manage projects, tasks, issues, time tracking, resources, has powerful reports, shared agendas and lots more.

We have developed an easy to use import from Gantt so that you will see how your project works in a fully featured application.

Give it a try Smile

jQuery Gantt editor – collapsible branches

May 15, 2014

Online Demo

Download Sources


I received lots of request for this feature, but I never put my hands on.

Yesterday I received a merge request from Ken “BestKen” with this feature implemented!

The feature has been developed in a really “clean” manner: thanks Ken.





This new feature is already available on the demo and on GitHub sources.

There is also a  fix for IE 9 and a better organization of images.


jQuery Gantt editor – SVG and Critical path

April 10, 2014

Online Demo

Download Sources

After a long period of hard work we have just released version 5.4 of our beloved project management tool Twproject, and I had finally found the time to upgrade jQuery Gantt editor.

This component is gaining lot of visibility day by day and I’d like to thank all the contributors for the precious feedback.

This new version has lots of interesting features, among which a new user interface, way cooler:


First of all, the Gantt side part has been rewritten using SVG technology, but the signatures have been preserved so that the old ugly interface can be used for old browsers (E.g: IE<9).

Having a closer look you will see how the Gantt side has been improved. (test it here:

Lots of useful changes have been added for user interactions:

1) You can drag and drop links for creating dependencies:



2) then you can select task or dependencies and delete them using keyboard.



3) Move task up, down, indent and outdent can be done using keyboard arrows.

4) Regarding the grid part, now you can move between rows and columns using keyboard.

5) Fixed header on both sides will help working with wider Gantts.

6) Gantt rescaling on windows resize events has been implemented.

7) A new button image will show/hide the critical path for the project (supported for SVG version only):



Going a little bit in depth, I have introduced a new property in the Task object for supporting readOnly at task level.

Several bugs has been solved in this version, and probably many others may have been introduced Smile.

As usual everything is MIT licensed!

Every feedback will be really appreciated.


See here for documentation:

jQuery Gantt editor – new release: include today

January 28, 2013

Online Demo

Download Sources

jQuery Gantt editor demo


We have just released a new version that implements a feature requested on this blog 🙂

Now you can configure the Gantt editor to show always “today” even if not included in the project time-scope.

Moreover we introduced two new methods:

1) Ganttalendar.centerOnToday(),  that scroll the Gantt graph to “today”

2) Ganttalendar.fitGantt(), that will find the best-fitting scale


Enjoy this release, and let me know what you think about.




jQuery Gantt editor – bugfix: invalid project handling

August 31, 2012

Online Demo

Download Sources

jQuery Gantt editor demo


We worked on the strange behaviour when loading a project with invalid data/structure  and we released a new version

Bug fixed:

  1. if project loading fails for invalid/incomplete data, you loose the control of the  application
  2. you can restrict parent changing duration even if not allowed by constraints: e.g.: a larger child


  1. better snap-to-grid moving tasks
  2. better feedback if project loading fails

jQuery Gantt editor – bugfix released

August 30, 2012

Online Demo

Download Sources


After few days of “massive debugging” we released an upgraded version of jQuery Gantt editor

jQuery Gantt editor demo

(try it)

Bugs fixed:

  1. an ugly bug when using the editor with a western time-zone: GMT-n (e.g: USA, Canada, South America etc.).
  2. an invalid message call when a circular reference was created that force  js execution to stop
  3. no detection for avoiding a parent depending on its descendant

New feature:

  1. dependencies now supports lags: you can specify a dependency in the form of “7:3” that means the task will start after three days task “7” is completed

I’ve upgraded the component documentation:

Try the demo here

Feedback welcome!