Custom Milestone Gantt

Hi All,
I want create multiple milestone on a single line same task (see more in attacked file).

I found another topic in 4r but not enough


Hello Duong,
You can use the split task functionality to display several tasks on the same line:
You can to drag those tasks or delete them.
Here is an example of how it might work:

Another way is to use the additional layer feature:
Although it allows displaying everything you want over tasks, you need to spend time on implementing the solution that fits your requirements.
Here is an example of how it might be implemented:

1 Like

Thanks u so much. I can adding milestone same line at the moment, but I have small issue that’s can’t drag task with milestone icon

Hello Duong,
If you use the first snippet, everything should work correctly there.

If you use the second snippet - you need to implement a custom solution because those custom milestones are not actually tasks, they are just HTML elements.
For example, you need to define the custom milestone dates, otherwise, they will be moved to the predefined position after you drag the task:
Here is an example of how you can drag custom milestone elements and save their date in the task object:
It might help you to create your solution.

1 Like

Yay! Thanks for your fast responding
But my meaning that’s drag the task instead milestone icon :slight_smile:

Thanks u somuch <3

Hello Duong,
Thank you for the clarification.
In that case, you just need to add the following style rule, then you will be able to drag the parent task:

  pointer-events: initial;

Here is the snippet:

1 Like