Custom dropable in gantt chart


#1

Hello everybody.

I have problem which i am not quite sure if that is possible with gantt.
I want a custom collapsable gantt bar. Please see picture below:

Picture 1:

When I press the collapse button I get this:
Picture 2:

I dont want that title bar:

I want it like this (Photoshop):

I that possible?

I have prepared this on this example:
http://snippet.dhtmlx.com/5/6b8d66d0b

Any help would be appreciated.

Thanks in advance.


#2

Hello Alves,
If you add the "render":"split" property to the Ruestung task, its subtasks will be displayed when you collapse the C&C Machine task:
http://snippet.dhtmlx.com/5/49075ec67

Right now, there is no built-in way to render some subtasks in the split mode and other subtasks in the regular mode. The dev team will add that feature, but it won’t happen in the near future.

However, I have the following snippets that can help you if you decide to implement a custom solution by using the Gantt API and Javascript.
http://snippet.dhtmlx.com/5/1a1f6b660
https://snippet.dhtmlx.com/5/1afd8d4d7


#3

Thank you very much for your help and your reply.
My objective is to keep the split task and to show the chunks inside the split task.
Isnt there any other possability to solve this?

I found this:
https://docs.dhtmlx.com/gantt/samples/04_customization/09_html_content.html
But this only works with percentage values drawn on the task.

Is it true if a certain quantity of Pro users requested a certain feature that this is treated with priority?
If I(as a company) request a certain feature will you implement it? Of course we will pay.

Thanks and have a nice day.

Edit: The “addTaskLayer” method is where I´am able to modify split task layers?

Edit2: Why does tasks that are attributed to split tasks can not be drag and dropped together with the split task?


#4

Hello Alves,

My objective is to keep the split task and to show the chunks inside the split task.
Isnt there any other possability to solve this?

In the first snippet, the Chunks are displayed when you collapse the task:

If you want to always see them regardless of the open parameter, right now, there is no built-in way to do that. You can display tasks in the task_text template or use the addTaskLayer feature.
Here are examples of how it can be implemented:
http://snippet.dhtmlx.com/5/77da1377a
https://snippet.dhtmlx.com/5/4e31c22f9

The dev team will add that feature in the 7.1 version.

If you need something different, please, describe it in more detail.


Is it true if a certain quantity of Pro users requested a certain feature that this is treated with priority?

There is a high priority for the critical bug fixes if you have the Ultimate license.
For other fixes, Pro users have a higher priority over GPL users.
For a feature, it is important how often it is requested, but there is no guarantee when the feature is implemented.


If I(as a company) request a certain feature will you implement it? Of course we will pay.

We can implement a custom solution for you or customize Gantt. If you want us to do that for you, I can contact you with the Sales team.


Edit: The “addTaskLayer” method is where I´am able to modify split task layers?

In that method, you can add custom HTML elements for the tasks in the timeline. You cannot modify the split task layers there.


Edit2: Why does tasks that are attributed to split tasks can not be drag and dropped together with the split task?

You can drag project tasks if you enable the gantt.config.drag_project parameter:
https://docs.dhtmlx.com/gantt/api__gantt_drag_project_config.html
If the parent task has the task type, it won’t work.

For the split tasks, you also need to redefine the pointer-events style rule. Here are examples of how it works:
http://snippet.dhtmlx.com/5/51edf2aa9
https://snippet.dhtmlx.com/5/01e43dd60


#5

Thank you very much for your help and sorry for that delay. I was able to do what I want with help of your example in the screenshot and your other hints. Once again thank you very much. :slight_smile:

Here is the example for other users to use:
http://snippet.dhtmlx.com/5/c57f14103

I have one last question:
When I drag a whole Project (See example above) under the first Project. How do I prevent the auto schedule function to be triggered for all sibling tasks (In Project(Auftrag #2) to be scheduled except the first one?
The “Ruestung” Task of the “Auftrag #2” Project should start when last task of Project “Auftrag #1” ends.

Edit:
Is it possible to resize a split task?

Thank your for your patience and great support. :smiley:


#6

Hello Alves,

When I drag a whole Project (See example above) under the first Project. How do I prevent the auto schedule function to be triggered for all sibling tasks (In Project(Auftrag #2) to be scheduled except the first one?
The “Ruestung” Task of the “Auftrag #2” Project should start when last task of Project “Auftrag #1” ends.

You can only cancel auto-scheduling by returning false for the tasks in the onBeforeTaskAutoSchedule event handler:
https://docs.dhtmlx.com/gantt/api__gantt_onbeforetaskautoschedule_event.html
Otherwise, all linked tasks will be auto-scheduled.


Is it possible to resize a split task?

If it is a child split task and you are able to see it, you can resize it:
https://snippet.dhtmlx.com/5/99620af0e

If it is a parent split task, that depends on the task type.
Project tasks obtain the date parameters from their children, so, even if you resize them, your changes will be overwritten after the next repaint.
Parent split tasks with the task type can be resized, by you need to add the style rules to see them and interact with them:

.gantt_split_parent{
  opacity: 1;
  pointer-events: all;
}

Here is an example:
http://snippet.dhtmlx.com/5/476498c2a