RadListBox - Hide Arrow on Drag and Drop

1 Answer 54 Views
ListBox Styling
Steven
Top achievements
Rank 1
Iron
Steven asked on 02 Feb 2023, 07:29 AM

Trying to hide the arrow on drag and drop for RadListBox.  Found a post on setting the z-index for the css style .rlbDragClue and I've tried everything, display:none, visibility:hidden, background:none, all with the !important designator, nothing works.  Always get the arrow.

.rlbDragClue {
background: none !important;
visibility:hidden !important;
z-index: -5000 !important;
}
Steven
Top achievements
Rank 1
Iron
commented on 03 Feb 2023, 11:27 AM

Thank you, that did it.  Guess I should have 'Drop'ed instead of 'Drag'ed.

Rumen
Telerik team
commented on 03 Feb 2023, 11:39 AM

Yes, exactly that was the difference.

1 Answer, 1 is accepted

Sort by
0
Rumen
Telerik team
answered on 03 Feb 2023, 10:50 AM | edited on 03 Feb 2023, 10:52 AM

Hi Steven,

Try this class:

 

.rlbDropClue {
  display: none !important;
  visibility: hidden;  !important;
}

 


You can use the debug technique setTimeout(function() { debugger; }, 3000); shown in the screenshot to pause the page while dragging the item and inspect the arrow icon and its class:

 

Tags
ListBox Styling
Asked by
Steven
Top achievements
Rank 1
Iron
Answers by
Rumen
Telerik team
Share this question
or