I'm using the Gong - Drag and drop solution, which works like a charm on my Windows 7 Machine, but as soon as I transfer the solution to my Surface tablet, and starts to drag and drop, nothing happens when I use my fingers, but when I use my stylus it works.
How do I easily implement the drag and drop with fingers instead, or am I doing something wrong when dragging and dropping.
I have created a sample project with facilities like:
Drag a node and Drop it in another node
Add a node using Context Menu
Rename a node using Context Menu
Delete a node using Context Menu
You can find sample project here.
I have not tried to solve your problem but you can easily add event handlers for touch and make some changes to that sample to do your work.
You can get complete control over the code as I have not used any external libraries in this project.
Related
I followed the quick start for the dnd kit React library, and it lets me drag and drop just fine with a mouse. However, when I try to use the same page with Chrome on Android, I can't drag the item. It looks like it starts moving and then gets stuck as soon as my finger moves outside its original border.
I tried switching to the drag overlay, but that didn't seem to make any difference.
How can I support touch users with dnd kit?
It wasn't covered in the quick start, but I found the answer in the Draggable section's recommendations:
In general, we recommend you set the touch-action property to none for draggable elements in order to prevent scrolling on mobile devices.
I found that I could either set the CSS style on the draggable element itself, or on a parent element that contains several draggable elements.
However, when I started trying to drag items around within a list or grid of items, that stopped working. Eventually, I had to switch from using the pointer sensor to using the mouse and touch sensors, as described in the sensors section.
I am using Ant Design's draggable table in a project. I am using the source code that is available for the example on their website. It works fine with drag and drop functionality but I want to change the animation when I am dragging a row. Right now it shows the snapshot of the row selected while dragging it around.
I went through the React-DnD documentation, since it is what is being used by antd. In it, there is a mention of DragPreviewImage. Now I assume it would be what is required but since I am very new to it, I am having a hard time in discovering how to fit what they say into the simple example given on the antd's website.
Following is the link to the sandbox: https://codesandbox.io/embed/dazzling-sammet-e41lf
I would like anyone's help to show me how we can change the drag animation in this source code. I will be very thankful.
I tried to do a functional test that consists of drag and drop but I didn't found a way in silk4j. is there a way to do it or
silk4j doesn't support drag and drop tests?
I am using Silk4J Browser replay and have several tests that do drag and drop.
You basically locate the object (DomElement, DomLink,..) that should be moved, invoke the pressMouse() method on it, find the target object and invoke the mouseMove() and then the releaseMouse() method on it. This should do the drag and drop.
So you just have to manually "simulate" the drag and drop.
Is it possible to drag an HTML 5 object, e.g. an <a draggable="true">, into a Silverlight 4 control and accept it? We've attempted to build a simple prototype using an HTML 5 example and a trivial Silverlight control but the cursor changes to the no-entry sign whenever we hover over the Silverlight control. We do, however, get drag entry events firing in Silverlight.
Our control happily accepts files dragged from the desktop as expected. We think we've got the HTML 5 drag events set up correctly, and I can possibly get our test published somewhere in case that will help. We've successfully implemented dragging inside a Silverlight control but we now need to integrate with non-Silverlight page components.
Is this actually possible to set up or are we just doing something wrong? Thanks for any advice!
Silverlight Drag drop from external sources currently supports only file lists.
You may however be able to get the <object> tag hosting the Silverlight plugin to respond to a dragging. If so you can use the Silveright HTML Bridge to handle these DOM events. Its a bit of a long shot though.
Short answer, as Anthony says is No.
You can emulate the functionality by using the
the drag entry event and mouse button up event, then create a silverlight control that most closely matches the HTML one you were dragging, and hide the original html control (which should snap back to its original position)...
Its a little messy, but it works...
Incidently, as far as i'm aware, dragging between 2 silverlight instances on the same page would require a similar technique...
In Drag&Drop, if I want to customize the cursors, I can subscribe to GiveFeedback on the drag source and set e.UseDefaultCursors = false, and the render the content I want.
But that only work if the drag source is my application. If I want to do the same when dragging files from explorer, for example, I can not subscribe to that event because I only have access to the drop target and not to the drag source.
Is there any other way to disable the built in cursors and copy and link signs so I can render my own in that case?
Hmm... this probably wont help at all (i hope it does somehow) but in visual basic, using a language in the .NET Framework, when creating a form, there is an option for drag and drop to disable it, so whatever compiler your using, there maybe some sort of option in there.
I would look specifically at what you are working with and read up on the drag and dropping, so maybe something to do with a form/GUI.
I hope this has helped in some way, if not, i apologize and gl.