".myCss").draggable({ cursor: 'move', other settings...)
Based on this code, draggable object should show 'move' cursor while dragging. In IE and FF it works perfectly; but in Safari, it shows 'text' cursor while dragging.
I have draggable elements (overall a table) which contains a hyperlink wrapped around in <P> tag and some other blank area. In load event, I initialized these draggable objects with [cancel:'p'] since I need user to be able to select the text of <a> element.
My requirement now is, if user holds mouse down for x seconds over hyperlink (<a>) then he/she should be able to drag the element (ie, table). Note that, in initialization event I set [cancel:'p'] due to my text selection requirement.
I have tried setting <some selector>.draggable("option", "cancel", ""); inside mousedown event of table. But, it doesn't work on first attempt of mousedown but on second/subsequent attempt it works.
In above sample, There are two droppables. I have set [tolerance: 'pointer'] for droppables. In the middle, there are draggable elements. Now, start dragging element from the left side BLUE square and try to drop it over right side droppable (OR, start dragging element from the right side BLUE square and try to drop it over left side droppable). Both above scenarios, won't work!
I have two droppables shown once an item is dragged from the page. One dropable is shown on the left-top of the screen and other is shown on the right-top of the screen. Now, the problem is [cursorAt] property. I want to change this property dynamically when user is dragging an item on the page. If dragging goes more than 50% right to the screen then change the [cursorAt] property so some what {right: -20, bottom: -2}, whereas if dragging goes more than 50% left of the screen then again change [cursorAt].
Following features I have implemented so far using jquery ui drag drop.
As soon as user starts dragging some objects, a droppable DIV is shown and background of the window is made grayed out (so, only droppable and draged clone is visible clearly). Now, when user press escape key then drag/drop should be aboreted/cancelled out immediately. Ideally, this results into removal of grayed background, removal of droppable objects and removal of dragged clone object.
I can successfully remove first two objects (ie, remove grayed background and droppable objects) but, how can I remove dragged clone object (ie, revert it back to originalposition immediately) ?????
Hi, I have droppable elements inside a DIV. This is a scrollable DIV as lot of droppable elememnts (ui) are there. The drop accept begins even after a draggable item is dropped below this scrolling DIV. Note that, item is dropped even no droppable is visible (since, they are actually in DIV with scrollbar). Can anybody please look into this problem?
In above sample, drag (Record 1, Record 2...) from left list to the right list which is scrollable. This will work as expected. Now, drag the items from left list to the bottom of the right list (ie, below/outside of scrollable region). Drop is still accepted, which is a problem.
I have a draggable objects and one droppable object. Droppable object may contain list of items in it, contained in a DIV. Now, the problem is when there are lots of items in droppable box then scrollbar appears. Now, when a draggable clone goes over to this droppables then DIV doesn't scroll.
I had already used scroll:true property of Draggable UI but this only scrolls the main window (ie, browser's scrollbar) but not my droppable DIV.