How to hide the dotted line above or below an item that's being dragged too

[Todd A]

I am using the drag and drop feature on the grid to swap rows.  The challenage is the dotted line that shows above or below the drop row is confusing to users.   Is their a weay to hide the dotted line above or below an item that's being dragged too?

Thanks,
Todd.

[Shinu]

Hello Todd,

Try the following CSS to hide the DropIndicator.
CSS:

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

Thanks,
Shinu.

[Todd A]

Worked great.  I just needed to change Default to the skin name.

Thanks,
Todd.

[Bill]

Is there a way to highlight the whole drop area on the grid? The way the line switches from top to bottom is the confusing part. 

[Konstantin Dikov]

Hello Bill,

The Drag & Drop functionality of RadGrid is used for drag and drop grid records to reorder them within the same grid, move them to different grid instance or drop them over other html element on the page. The shown line indicates on which position the dragged item will be dropped. Since the items are not dropped over another items, but rather between two (or at first/last position), highlighting an entire row will mislead the user.

If the above does not match what you have in mind, please elaborate on the exact requirement that you have and in particular, what the "whole drop area on the grid" refers to.


Regards,
Konstantin Dikov
Telerik