This is a migrated thread and some comments may be shown as answers.

RadTreeView drag and drop issues

3 Answers 105 Views
TreeView
This is a migrated thread and some comments may be shown as answers.
AvastoneTech
Top achievements
Rank 1
AvastoneTech asked on 13 Sep 2008, 08:19 PM
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

3 Answers, 1 is accepted

Sort by
0
Atanas Korchev
Telerik team
answered on 15 Sep 2008, 09:04 AM
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.
0
Joshua Kent
Top achievements
Rank 2
answered on 29 Aug 2010, 12:48 AM
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
0
Yana
Telerik team
answered on 02 Sep 2010, 01:49 PM
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
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
Tags
TreeView
Asked by
AvastoneTech
Top achievements
Rank 1
Answers by
Atanas Korchev
Telerik team
Joshua Kent
Top achievements
Rank 2
Yana
Telerik team
Share this question
or