Visual effects while dragging

4 posts, 0 answers
  1. JeffN
    JeffN avatar
    18 posts
    Member since:
    Dec 2006

    Posted 02 Jun 2008 Link to this post

    We need some visual effects while dragging items from one grid to another. Specifically, we'd like the pointer to change to a plus sign when in a droppable area (but I've been told this isn't built in within a previous post), and we'd like to show a line before/after the grid items that we're dragging over to show where the record will be dropped to upon MouseUp. Is there any event to tap into that would allow this to happen? Or any other method to get this done?

    I think what would be optimal is something like the OnClientDrag event that is part of the RadDock control. It doesn't look like the RadGrid has any similar events though.
  2. Sebastian
    Sebastian avatar
    9934 posts

    Posted 05 Jun 2008 Link to this post

    Hi JeffN,

    RadGrid for ASP.NET AJAX exposes three client-side events - OnRowDragStarted, OnRowDropping and OnRowDropped - which can be utilized to accomplish the task you set forth. Further information about these events and their usage can be gather from the relevant online demo of the product:

    as well as from the corresponding chapter from the online documentation: (chapter RadGrid -> Client-Side API reference -> Classes -> Subscribing to client events)

    Best regards,
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
  3. Otto Neff
    Otto Neff avatar
    40 posts
    Member since:
    Jul 2011

    Posted 19 Dec 2011 Link to this post


    i have the same problem... i tried to use the mentioned OnClient Events to highlight/change css of a target drop zone (div).
    Unfortunally none of the events is fired while moving with the item to be dragged.

    Can you provide a demo how to use the Grid as the OnClientDrag from the RadDock (highlight area while dragging).

    Kind regards.
  4. Otto Neff
    Otto Neff avatar
    40 posts
    Member since:
    Jul 2011

    Posted 21 Dec 2011 Link to this post


    i just solved the problem with jQuery mouseenter and mouseleave. See my Blog Post with the solution: 
Back to Top