[Solved] Change mouse style when draggind and dropping for Grid rows.

[Venkat]

Is there a way we can change mouse style to something custom instead of standard style when dragging and dropping of rows in grid. Right now it shows the whole record that is being dragged.

Thanks
Venkat

[Yavor]

Hello Venkat,

You can use the "OnRowDragStarted" client side event handler, to detect when the user has started dragging a row, or a group of rows. There, you can alter the mouse cursor, or the appearance of the dragged items.
I hope this is a feasible approach for you.

Best wishes,
Yavor
the Telerik team

Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
Follow the status of features or bugs in PITS and vote for them to affect their priority.

[Venkat]

Thanks for your response. Can you send me an sample code how to accomplish this? I want to change the cursor as well as change the appearance of the dragged item.

Thanks!

[Yavor]

Hello Venkat,

The functionality may look something like this:

function rowDragStarted(sender, args)
{
      var dataItem = args.get_gridDataItem();
      dataItem.get_element().style.cursor = "crosshair";
}

I hope this gets you started properly.

Greetings,
Yavor
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.