📊 Air Gantt + Funnel + Timeline Chart - New Plugin from Zeroqode

[levon]

This plugin will use data from your Bubble database or any other dynamic source and turn it into a Gantt chart. Support clickable links as well as workflos to zoom in/out or center the chart.

For details, screenshots and demos please visit the plugin page: at Air Gantt + Funnel + Timeline Chart Plugin for Bubble | Zeroqode

Levon Terteryan

Founder @ Zeroqode

Bubble Templates

Bubble Plugins

Bubble Courses

Convert Web to iOS & Android

No-code Development Services

[Kfawcett]

Very nice @Levon! Documentation is easy to follow also.

[levon]

Thanks Keith! we are trying to improve on the docs

[brett.miles]

Awesome Levon. I’d been trying to build something like this myself - but my attempts were a little clunky. As Keith pointed out, I’ve also noticed the increased effort in documentation as I’ve been perusing your plugin options. As a novice user the previous lack of documentation did make my early experiences with some of the plugins very frustrating - so thank you, I think you will win over many more users this way.

One quick question I have though is whether it would be possible in a future release to expose an additional workflow or state for ‘selected task’ - which would allow a user to click on a project task within the gantt chart and show the underlying task detail in a pop-up for editing etc.

Understand if it can’t be done though.

Cheers,

Brett

[levon]

@brett.miles

Awesome Levon. I’d been trying to build something like this myself - but my attempts were a little clunky. As Keith pointed out, I’ve also noticed the increased effort in documentation as I’ve been perusing your plugin options. As a novice user the previous lack of documentation did make my early experiences with some of the plugins very frustrating - so thank you, I think you will win over many more users this way.

thanks Brett, we realize the docs are our weakness at the moment and try to improve on them

@brett.miles

One quick question I have though is whether it would be possible in a future release to expose an additional workflow or state for ‘selected task’ - which would allow a user to click on a project task within the gantt chart and show the underlying task detail in a pop-up for editing etc.

we’ll check this, thanks!

[levon]

Hey All,
sorry for the delay here but we have pushed an update to the plugin and added a bunch of new plugin states

• Clicked Task ID, returns unique id
• Clicked Task Label, returns task label
• Clicked Task Start, returns start date
• Clicked Task Duration, returns duration in seconds
• Clicked Task Progress, returns progress in percents
• Clicked Task Type, returns task type (project, milestone, task)
• Clicked Task Parent, returns task parent id
• Clicked Task Dependent On, returns task dependencies ids

[boostsalesgroup]

What is a maximum scale? Is there a way to show a whole year? Can you add few more months of date there so we can see how it actually functions.

Also, editor link is not working.

[ZeroqodeSupport]

Hello, @boostsalesgroup.

Please check the demo now, we changed the permission for viewing.
Also updated the demo with more data.
Link to Editor: https://bubble.io/page?type=page&name=gantt_charts&id=zeroqode-demo-15&tab=tabs-1
Regarding your questions: Maximum scale can cover all the chart, so yes it is possible to show a whole year.

Regards,
Zeroqode Team.

[CapiBalid]

Hi, @levon !

• There might be someway to chose what columns to display/hide on the chart?
• Also, I need to show column labels, days and months in Spanish, could them be customized?

Regards!

[ZeroqodeSupport]

Hello @CapiBalid

Sorry for late response. Let us provide the information regarding the questions

• I’m afraid this not possible to do with the current version.
• I believe so, by changing the application language to Spanish(es_ES) in settings and working with Spanish characters.

Regards,
Zeroqode Team.

[CapiBalid]

Hi, @ZeroqodeSupport

Thanks for replying back. Can I translate the column labels (“Start Date”, “Task”, etc), or manually write them?

Regards,

[ZeroqodeSupport]

Hi, @CapiBalid, Unfortunately no, the column labels are static, you are not able to change it.

Regards,
Zeroqode Team.

[laurence]

Hi, @levon. Thanks for building this. I bought it and hope to start working with it later this week.

Regarding the parent/dependent relationships:

I’m wondering if this could be enhanced so that rather than type ‘text’, it could be the same type as the Task Type. That is how the relationships will be maintained in my DB, so it would save me from the work of also maintaining the text version of the Task Parent/Dependent IDs.

[ZeroqodeSupport]

@laurence

I’m wondering if this could be enhanced so that rather than type ‘text’, it could be the same type as the Task Type. That is how the relationships will be maintained in my DB, so it would save me from the work of also maintaining the text version of the Task Parent/Dependent IDs.

Hello, there @laurence, as you can see here the Parent/Dependent ID’s are the Unique Id which was generated by Bubble, each Entry has this unique Id, you don’t have to maintain the text version.

Thank you,
BR,
Nik.

[ZeroqodeSupport]

Hello, everyone!

We are delighted to announce that we have made a few improvements to the plugin, such as:
the ability to remove the group during the progress hover
the ability to hide/add some column
the ability to sort information alphabetically in a column
the ability to show/hide task list
added rescale and show/hide the clock
the ability to change column names
added styling (background, text)
columns can be named in different languages

https://zeroqode-demo-15.bubbleapps.io/gantt_chart_new_responsive

Hope you will find it useful!
Regards,
Zeroqode Support Team

[TekaTeki]

Hi… .this plugin is working great for me, except:

the rows are offset after the list, which makes it hard to read. Please advise if there is a solution for this @ZeroqodeSupport

[TekaTeki]

Also… is there a way to (a) to apply a vertical scroll within the plugin? I know I can do it in bubble, but the header is not frozen so it gets hard to use and (b)export the gantt chart into some useable format like png svg or pdf. I tried using PDF Conjure but the Gantt chart type is not recognised as an image or a table.

[ZeroqodeSupport]

Hello @TekaTeki,
Thanks for reaching out.

@TekaTeki

the rows are offset after the list, which makes it hard to read. Please advise if there is a solution for this

I’m afraid, no. For this, we would like to suggest you use the “Zoom X” and “hide/show the task list” options as we show on our demo page.

@TekaTeki

Also… is there a way to (a) to apply a vertical scroll within the plugin? I know I can do it in bubble, but the header is not frozen so it gets hard to use and (b)export the gantt chart into some useable format like png svg or pdf. I tried using PDF Conjure but the Gantt chart type is not recognised as an image or a table.

Unfortunately, vertical scrolling is not possible with this plugin. It only allows zooming Y-axis. Sorry for the inconvenience.

In case you have any other questions or meant something else, please let us know.

Best regards,
Zeroqode Support Team

[TekaTeki]

Thanks for following up. I consider the offset issue a bug. the only way to resolve it as it is would be to make the list hidden altogether. It looks to me like the problem relates to a greater row height for yesterday, today and tomorrow for which the list does not adjust

This happens regardless of the X Zoom

The start of the list is aligned with the second row of the date header but these three days always occupy an additional row.

This does not happen if hours are turned on.

[ZeroqodeSupport]

Hello @TekaTeki,
Thank you for your message.

Unfortunately, we couldn’t reproduce this issue on our side. Due to the fact that we have some additional questions regarding your settings, can you please add our Support Team email to the list of collaborators? This will allow us to check your settings and run some tests to fix the mentioned problem.

To add our Support Team as a collaborator, you need to do the following steps in the Bubble Editor:

Settings > Collaboration > Add email support@zeroqode.com

Note: avoid the warning message regarding the plan, as we are an agency and you can easily add us to your collaborators.

Hope to hear from you soon.

Best Regards,
Zeroqode Support Team