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

Styling a row being Dragged

3 Answers 94 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Richard
Top achievements
Rank 1
Richard asked on 17 Jun 2014, 03:23 PM
Hi,

My appologies if this is a very basic question.

Please see the attached image. When we drag a row there is some white area above the row. Where are the styles defined for the row being dragged?  All I see in the css file for Drag/Drop is GridItemDropIndicator_blah.

Any pointers would be appreciated.

Thanks!
Rich

3 Answers, 1 is accepted

Sort by
0
Richard
Top achievements
Rank 1
answered on 18 Jun 2014, 02:58 PM
Hi,

Are there any questions I can answer about this to help get an answer?

Thanks!
Rich
0
Richard
Top achievements
Rank 1
answered on 19 Jun 2014, 02:26 PM
I guess this is trickier than I thought!  I'll open a support ticket.

Thanks!
0
Konstantin Dikov
Telerik team
answered on 20 Jun 2014, 07:13 AM
Hello Rich,

You could refer to the answer in the support ticket (ID: 831345) that you have opened regarding this issue.

However, I am also posting the answer here, so other users with similar question could find the approach that should be used.

"From the provided screenshot only it would be hard to determine what is causing the white space in your scenario, but regarding your question for the CSS classes that could be used for alter the style for the dragged row/s is the following:
.RadGrid.RadGrid_Default.GridDraggedRows.GridDraggedRows_Default

Please note that "Default" represent the current Skin used in RadGrid, so if you are using different skin, please change it accordingly.

For your convenience, following is a simple example demonstrating how to style the TD elements for the dragged row with Default skin:
div.RadGrid.RadGrid_Default.GridDraggedRows.GridDraggedRows_Default {
}
 
    div.RadGrid.RadGrid_Default.GridDraggedRows.GridDraggedRows_Default td {
        background-imagenone;
        background-color#ffd800;
        color#fff;
        height50px;
    }

In the above snippet, the first selector is for the wrapping DIV element, so you could try removing any padding/margin that could cause the issue you are observing."

If you have any further questions I suggest that we continue our conversation in the support ticket.


Regards,
Konstantin Dikov
Telerik
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
Tags
Grid
Asked by
Richard
Top achievements
Rank 1
Answers by
Richard
Top achievements
Rank 1
Konstantin Dikov
Telerik team
Share this question
or