Parent and Child progress

Gantt
#1

Hello,
i need to show a corresponding progress between parents and their “child” task.

err
err998×66 7.21 KB

This is the example, it should be: task 1 and project 3 have the same progress percentage. Another case, task 1 with 40% task 2 with 60%, so i need project 3 to be automatically show progress 50%. And if possible, i would like to disabled the progress slider on the task row.
err2
and last, sometimes a task name would be long and not fit in task column, i tried to add word-wrap: break-word attribute but it doesn’t affect, so is there any solution for this? image
gantt.config.autofit = true; this didn’t help as well

#2

Hello Farroh,

i need to show a corresponding progress between parents and their “child” task.

This is the example, it should be: task 1 and project 3 have the same progress percentage. Another case, task 1 with 40% task 2 with 60%, so i need project 3 to be automatically show progress 50%.

You can update the progress of parent tasks after updating a task. Here is the snippet where Gantt does just that:
http://snippet.dhtmlx.com/5/b2d47f8a9
And here is another sample that uses a little bit different logic(the progress of parent tasks depends on their children progress and duration):
https://docs.dhtmlx.com/gantt/samples/08_api/16_dynamic_progress.html

And if possible, i would like to disabled the progress slider on the task row.

If you want to hide the progress drag for all tasks, you can disable the following property:

gantt.config.drag_progress = false;

https://docs.dhtmlx.com/gantt/api__gantt_drag_progress_config.html
Here is an example:
http://snippet.dhtmlx.com/96caa6a04

If you want to hide it only for project tasks, you can add the following style rule:

.gantt_project .gantt_task_progress_drag {
  visibility: hidden;
}

Here is the snippet:
http://snippet.dhtmlx.com/432245e7c

and last, sometimes a task name would be long and not fit in task column, i tried to add word-wrap: break-word attribute but it doesn’t affect, so is there any solution for this?

Unfortunately, it is not possible to change the height of one task, you need to increase the height of all rows:
http://snippet.dhtmlx.com/001e12ba1

Or you can increase the height temporarily until next repainting happens:
https://snippet.dhtmlx.com/4ee21dcba
https://snippet.dhtmlx.com/0faf0a03e

2 Likes
#3

thankyou so much :star_struck:
truly this is what i need