TreeView Drag and Drop Not Behaving Correctly Inside Combobox

4 posts, 0 answers
  1. Caleb Sandfort
    Caleb Sandfort avatar
    35 posts
    Member since:
    Mar 2008

    Posted 11 Dec 2012 Link to this post

    Hi

    I have a TreeView inside of a ComboBox and have turned on EnableDragAndDrop and EnableDragAndDropBetweenNodes.  I'm able to drag the nodes and drop them, but I am not getting the little underline image that normally shows up when you move a node between two other nodes to let you know where you will be dropping the dragging node.

    Looking at the html, it looks like this is handled by a div with the class "rtDragClue", which has it's visibility toggled, but is not showing up anywhere that I can see it.

    Has anyone had this problem and been able to fix it?

    Thanks
  2. Boyan Dimitrov
    Admin
    Boyan Dimitrov avatar
    1746 posts

    Posted 14 Dec 2012 Link to this post

    Hello,

    Please apply the following styles to your project in order to show the line that shows on drop:

    <style type="text/css">
            .rtDropAbove,
            .rtDropBelow {
                z-index: 6500;
            }
        </style>


    Regards,
    Boyan Dimitrov
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Caleb Sandfort
    Caleb Sandfort avatar
    35 posts
    Member since:
    Mar 2008

    Posted 14 Dec 2012 Link to this post

    Thank you very much that worked like a charm.   I'm now having trouble with the little connector lines between items not showing either. They looks to be governed by the class "rtSp".  I tried applying the same fix to that class as well, but it did not work.  Any thoughts.  I'm using the Metro skin.

    Thanks
  5. Boyan Dimitrov
    Admin
    Boyan Dimitrov avatar
    1746 posts

    Posted 19 Dec 2012 Link to this post

    Hello,

    An easy and convenient way of showing those lines would be applying a border style since its default behavior is intended  to be invisible for the metro skin. Please try the following code snippet to achieve that appearance effect:

    .RadTreeView .rtSp {
                border-left: 1px solid black;
            }


    Kind regards,
    Boyan Dimitrov
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Back to Top