Giter VIP home page Giter VIP logo

Comments (8)

jgorene avatar jgorene commented on May 25, 2024 4

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 ;)

frappe002

from gantt.

jgorene avatar jgorene commented on May 25, 2024 4

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

from gantt.

netchampfaris avatar netchampfaris commented on May 25, 2024

I don't think this is easily doable using CSS. We might have to do this as a feature.

from gantt.

netchampfaris avatar netchampfaris commented on May 25, 2024

@jgorene If you have a working version, why not open a PR?

from gantt.

jgorene avatar jgorene commented on May 25, 2024

@netchampfaris Of course, it would be nice!
Unfortunately, I still use github on minimal features and I should make an effort for that;)
In addition, I worked around your very interesting library 2 months ago already, I'm on other things in this moment. In fact, I could not progress anymore to try to get what I wanted ... too complex for me. I would look at it later probably.

from gantt.

Anurag810 avatar Anurag810 commented on May 25, 2024

@jgorene please open PR

from gantt.

abhishekk2304 avatar abhishekk2304 commented on May 25, 2024

@jgorene Are you still working on it or have some workable solution.
Please suggest how i can integrate D3 with frappe-gantt to have expand collapse feature. It would be very helpful if you share your thoughts.

from gantt.

haoolii avatar haoolii commented on May 25, 2024

Wow,I think I need this, my project need to collapse gantt, I have no idea how to implement 😢

from gantt.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.