Styling draggable rows

[Ian]

Hi there,
I'm working on the RadGrid, specifically the way that it looks when dragging rows.

What is the best way to style the appearance of the floating row that appears next to the cursor when dragging a row around?

[Ian]

Additionally, how do I keep text in the grid from getting highlighted when I drag to and fro?

[Dimo]

Hi Ian,

The floating RadGrid rows are located inside a <div> and a <table> element, which have the same CSS classes as the RadGrid from which they are taken.

In order to style the floating rows separately, you can use the following CSS selector:

#RadGridClientID_DraggedRows   .SelectedRow_SkinName
{
      ........
}


As for the second question - in order to disable text highlighting, please add the following CSS rule to your web application:


.MasterTable_SkinName
{
    -moz-user-select: none;
}

Note that this works only in Firefox and the negative side effect is that you can't select text from the grid cells even if you want to.


Let us know if you need further advice.


Greetings,
Dimo
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center