RadTreeView drag and drop issues

[AvastoneTech]

I am using a RadTreeView control to display pages in a website and allow users to drag and drop the pages to rearrange them. The TreeView control is inside of an UpdatePanel control inside of a modal popup panel (from the AJAX Control ToolKit), and I am handling the drop with server-side code.

So far, so good. User can drag and drop pages. However, during the drag, there is absolutely no visual indication of the node being dragged. In the live demo, the node text appears alongside the mouse cursor as it is moved, but in my project there is nothing to see.

How can I get some kind of indication that a node is being dragged as in the live demo? I don't see anything in the live demo code that does this. Am I missing something?

Tim

[Atanas Korchev]

Hi AvastoneTech,

Visual indication is enabled on demand. I suspect there is something in your page which causes a disposition of the visual clue. Could you please open a support ticket and send us a running example which demonstrates the problem? Thanks.

Regards,
Albert
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[Joshua Kent]

I know this post hasn't been updated in ages, however I am having a similar problem. Mine occurs when my TreeViews I am trying to drag and drop from are in a Modal Popup (RadWindow). I am assuming this is a zindex issue. Any ideas on a quick fix?

Thanks,
   Josh

[Yana]

Hi Josh,

The reason for this issue is that RadWindow has a higher z-index than the treeview's draggingClue element. You should subscribe to OnClientNodeDragging event of the treeview and set higher z-index in its handler like this:

<script type="text/javascript">
    function nodeDragging(sender, args) {
        sender.get_draggingClueElement().style.zIndex = "9001";
    }
</script>

Please add also the following css styles to the page:

<style type="text/css">
    .rtDropAbove,
    .rtDropBelow
    {
       position: relative;
       z-index: 9001 !important;
    }
</style>

All the best,
Yana
the Telerik team