Collapse bars and resize GANTT diagram

Hey there,

does someone know a possibility to collapse bars? I already used the custom-class but i don’t know how to resize the diagram (hide the row of the bar) and hide the arrows.

CSS “hide”

.hide { display: none; }

JS

function hideTask(index){ tasks[index].custom_class = "hide"; gantt_chart.refresh(tasks); }

[jgorene]

Hello ! Sorry for the delay… Although still open, this issue is old and frappe-gantt has also evolved a lot since…

UPDATED Anyway, I tried to review this without adding other libraries but without being able to open a PR, unfortunately. Problem: dragging is only available after expanded the bars (only in this case).

Despite, it could be interesting to work by adding a “display” property to each task… for example and among others. Of course, this is to be adapted according to your needs and is probably perfectible but if it can help someone.

Working codepen

[jgorene]

Hello, I started working on this feature because for a gantt view, it’s fundamental, it seems and “frappe-gantt” is really interesting according to use. Otherwise, just with css … I don’t know to do that and I wonder if it’s possible or easy indeed when most of the objects are nested from svg… but it would be perfect, of course!

Short answer, I use d3.js to create depths in the groups of bars according to the tasks but each one implement this with its own method because it’s not so simple anyway For now I am still at the experimental stage with frappe-gantt 😉 It then allows to hide or show groups of dependent bars as seen on the gif … Still a lot to do anyway for me 😉