а

Parent and Child progress


#1

Hello,
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%. 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:
https://snippet.dhtmlx.com/767e74b28
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


#3

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