TreeView - How to modify the Drag/Drop Drag Tooltip target part

[David]

Hello,

I have a RadTreeView that has different item HierarchicalDataTemplates based on the data type.  One of the templates calls for multi-column items.  Whenever I am performing a drag/drop operation the tooltip target appears to be taking the existing template (maybe put into a horizontal stack panel) and showing the info.  (See attachment)  This is not the results I want as it's even showing hidden buttons (X) that should only appear on hover.  

So my question is how can I update the circled part of the tooltip to only show the label (with the styling such as bold removed as well)?

 

Thank you for your assistance.

 

[Martin Ivanov]

Hi David,

You can customize the drag visual tooltip of the treeview using the TreeViewDragVisual's DropTargetTemplate property. Basically, you can subscribe for the drag over event of the treeview drag behavior and in its handler get the drag visual and set its drop target template.

DragDropManager.AddDragOverHandler(this.tree, OnTreeDragOver, true);
 //-----------------------------------//
private void OnTreeDragOver(object sender, Telerik.Windows.DragDrop.DragEventArgs e)
{
    var options = DragDropPayloadManager.GetDataFromObject(e.Data, TreeViewDragDropOptions.Key) as TreeViewDragDropOptions;
    if (options != null)
    {
        var dragVisual = (TreeViewDragVisual)options.DragVisual;
        dragVisual.DropTargetTemplate = (DataTemplate)this.Resources["dropTargetTemplate"];
    }
}

You can take a look at the Customize the TreeViewDragVisual help article which demonstrates how to customize the appearance of the drag visual element.

Please let me know if you need any further assistance.

Regards,
Martin
Telerik

[David]

That's exactly what I needed.  Thank you Martin!