Connecting Gantt with other kendo components

[Damian]

Hi. I want to create something like i showed on screen. Idea is to pick item from "List of items" panel and drop it in Gantt. Additional thing is to connect that panel below to Gantt to be able to display for example pins in the start and end of each component like showed on screen. My question is how to perform this in the best way and which kendo components I could use. Thanks

[Peter Milchev]

Hello Damian,

Regarding the Drag and drop functionality, as suggested in the Drag&Drop on Gantt forum thread, I would recommend using the Draggable and DropTarget UI Widgets. To achieve the desired functionality you should use the approach used in the Move Items between Lists section.

As for the second requirement, I am afraid that it could not be accomplished directly with any currently available widget. What we could suggest is to try positioning the pins based on the left and right position of the task's div element. Here are some resources you might find helpful during the implementation:

• Element.getBoundingClientRect() - method that returns the size of an element and its position relative to the viewport.
• Gantt API demo;
• Colorize Tasks How to article - in the onDataBound() event handler you could find how to get all the tasks of the Gantt

Regards,
Peter Milchev
Telerik by Progress