Connecting two custom tasks

Using addTaskLayer function I created few additional tasks in the timeline view , I’m facing issues in connecting these two tasks. Any suggestion on this ?

My code :


<div1 class="gantt_task_line" title="TBD : 25 April 2018" style="width: 15px; margin-top: 5px; height: 15px; box-sizing: border-box; z-index: 1; border-radius: 17px; border: none; color: white; cursor: default; background: rgb(255, 0, 255); line-height: 13px; text-align: center; font-size: 10px; top: 800px; left: 1264.57px; position: absolute;">TB</div>

<div1 class="gantt_task_line"><svg><path d="M1378.14,800 L1264.57,800" style="stroke: red; stroke-width: 1.25px; fill: none; position: absolute;"></path></svg></div>
""" The SVG is not displayed

It is possible to display svg-images, please check the following example:
But it is hard to suggest why it doesn’t work in your case.
Please, edit the snippet above and reproduce the issue there. After that click on the “Share” button and send me the link, so I can reproduce it too and see what might be wrong.

Hi Ramil,

Thanks for your response

My use case is little bit different, I need to display two different tasks in a row and want to connect both with a custom link. Basically I’m trying to do a drag view if the target date change. (I shown the entire div block which I’m trying to draw in a row)

Thank you for the clarification. If you want to use addTaskLayer function you can draw div instead of SVG. And in the following example layers appear again after reinitialization:

However, it is possible to have several tasks on the same row and connect them with the link. Please check the following example where it is implemented without addTaskLayer function:

Your solution looks promising, I will try to use a div instead of svg