Hide Small Arrow with EnableDragAndDrop = "True"

2 posts, 1 answers
  1. Jon Shipman
    Jon Shipman avatar
    43 posts
    Member since:
    Nov 2009

    Posted 05 Nov 2010 Link to this post

    I have a RadListBox where I drag from it to a RadTreeView, so EnableDragAndDrop is set to "true".  While I'm dragging over my RadListBox, or any other RadListBox on the page with EnableDragAndDrop = "true", a small arrow appears to the left of the RadListBoxItem that I'm hovering over.  (See attached screenshot).

    I don't know if this matters but AllowReorder is also set to "false" on all the RadListBoxes.

    It seems to the user like the arrow is trying to indicate that the RadListBoxItem can be dropped in a different position or on another RadListBox even though that is not the case.

    Is there a way I can hide the small arrow?
  2. Answer
    Genady Sergeev
    Admin
    Genady Sergeev avatar
    1596 posts

    Posted 10 Nov 2010 Link to this post

    Hello Jon Shipman,

    You can use the following CSS in order to hide the drop arrow:

    <style type="text/css">
           .rlbDropClue
           {
               background:none !important;           
           }
       </style>

    Kind regards,
    Genady Sergeev
    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
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top