I am trying to use my own custom cursor for drag and drop
functionality and having a little trouble.
I have added my own cursor to mouseOver on the object that is
draggable...this is to indicate that the object is draggable.
I have setup css style for all of the DragManager cursors like this:
DragManager
{
copy-cursor: Embed(source="/assets/images/copy.png");
link-cursor: Embed(source="/assets/images/link.png");
move-cursor: Embed(source="/assets/images/move.png");
reject-cursor: Embed(source="/assets/images/reject.png");
}
Now the trouble.
When I hover I see my custom cursor.
When I mouseDown I see the default cursor...this is the problem.
When I start dragging I see my custom cursors.
How do I see my custom cursor during the entire process?
During mouseDown event I call DragManager.startDrag(). If I do not
clear my hover cursor, or if I set a different cursor, the custom drag
cursors never show up. It seems that any set cursor overrides the
drag ones.
If I clear my hover cursor before I call startDrag(), the custom drag
cursors do not show up until the first mouseMove. There is a window
between mouseDown and mouseMove where I have no custom cursor.
Any ideas? Am I missing something here? I guess that I can override
the mouseMove event if I need to and clear it there if I have to.
Thanks.
