RadTreeView drag and drop issues

4 posts, 0 answers
  1. AvastoneTech
    AvastoneTech avatar
    5 posts
    Member since:
    Jul 2006

    Posted 13 Sep 2008 Link to this post

    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?

  2. Atanas Korchev
    Atanas Korchev avatar
    8462 posts

    Posted 15 Sep 2008 Link to this post

    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.

    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
  3. Joshua Kent
    Joshua Kent avatar
    15 posts
    Member since:
    Nov 2009

    Posted 28 Aug 2010 Link to this post

    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?

  4. Yana
    Yana avatar
    4916 posts

    Posted 02 Sep 2010 Link to this post

    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";

    Please add also the following css styles to the page:

    <style type="text/css">      
           position: relative;
           z-index: 9001 !important;

    All the best,
    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
Back to Top