Drag from TreeView with Custom Hint

[Adam]

I would like to show a custom html hint when dragging items from a treeview, but I cannot figure out how to get it to work.  Is there a way to use kendoDraggable with treeview to make this happen?

[Alexander Valchev]

Hi Adam,

You can modify the drag hint template with the following code, right after the initialization of the widget.

$("#treeview-left").kendoTreeView({
    dragAndDrop: true,
    //....
})
.data("kendoTreeView")
.templates
.dragClue = kendo.template("<div class='k-header k-drag-clue'><span class='k-icon k-drag-status' />#: data.item.text #</div>");

It is possible to change the content of the hint (#: data.item.text #) but you would have to keep the .k-drag-status icon. Removing the icon span will cause a JavaScript error.

I hope the information will help.

Regards,
Alexander Valchev
Telerik