This is a migrated thread and some comments may be shown as answers.

Styling draggable rows

2 Answers 47 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Ian
Top achievements
Rank 1
Ian asked on 14 Jul 2008, 07:39 PM
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?

2 Answers, 1 is accepted

Sort by
0
Ian
Top achievements
Rank 1
answered on 14 Jul 2008, 10:00 PM
Additionally, how do I keep text in the grid from getting highlighted when I drag to and fro?
0
Accepted
Dimo
Telerik team
answered on 15 Jul 2008, 09:24 AM
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
Tags
Grid
Asked by
Ian
Top achievements
Rank 1
Answers by
Ian
Top achievements
Rank 1
Dimo
Telerik team
Share this question
or