Questions tagged [drag-and-drop]

It allows you to "grab" an object using the mouse and drag it to a different location. Drag and Drop can be done on browser based application ( web) or on native GUI applications like android or desktop

Filter by
Sorted by
Tagged with
0
votes
0answers
7 views

Is it possible to continue drag after mouseup?

Is it possible to have an HTML drag continue after mouseup? Is this behavior prohibited? I've tried the obvious: item.addEventListener('mouseup', function(e) { e.preventDefault(); e....
0
votes
2answers
25 views

Angular Material Drag and Drop - Different Object Types

I'm building a shopping cart and would like to be able to drag and drop items from a list of Products into the Cart and add them to the "items" of the Cart. The Products are more like technical ...
0
votes
0answers
10 views

Using webkitGetAsEntry(), how to get list of all transfered files synchrounously

I have this method, which calls callback() for every file that is dropped into some container. However, if multiple files are dropped, this method will invoke callback() for each file. How do I turn ...
0
votes
0answers
14 views

HTML5 dataTransfer.files is empty on drag and drop

I know this question has been asked several times before but I haven't come across a solution that has worked and I don't understand why. I am using JQuery 3.0.0 and I've been trying to get drag and ...
0
votes
0answers
12 views

Drag & drop from palette does not make a copy of the graph-object in the palette

Drag & drop from palette does not make a copy of the graph-object in the palette. A small object appears instead (see image). One error is: Error: GraphObject.contextMenu must be an Adornment or ...
0
votes
0answers
20 views

Drag using particular element of draggable container

In my angular application, I have drag and drop functionality. For that, I used drag and drop of JavaScript. The code is as below. HTML: <div *ngFor="let KPI of dashboardKPIs" data-id="{{KPI.id}}...
0
votes
1answer
39 views

Drag and Drop in Angular on complex board (matrix)

So I want to make my version of the Battleships game in Angular and to do that I need a 10x10 matrix in which I can drag and drop the ships ( if you played the game you know what I am talking about ) ...
0
votes
0answers
18 views

How can I relocate a control inside another control by dragging it somewhere?

I have a ListView with Images that I can drag into a Canvas. They spawn inside the Canvas and I need to change coordinates of Images inside the Canvas by Dragging, but as I understand, DragDrop class ...
0
votes
0answers
10 views

WPF check if control is dragged

Is there a way to check, if the user is currently dragging a control in WPF? Events to handle start-drag and drop don't do the trick in my current application. Of course, a simple workaround could be ...
0
votes
0answers
44 views

Programmatically drag and drop a file - VB6

I'm trying to 'Drop' an image file at the current mouse location, FileType PNG (always). With 'Drop' i mean the same type of functionality as if you were to click and hold an image, then drop it at ...
0
votes
0answers
12 views

Drag and Drop in selenium webdriver not working

The element to be dragged is in li tag and it is having ondblclick, draggable, ondragstart and ondragend. I am not able to drag the above element and drop to another location using both the actions ...
0
votes
0answers
5 views

Xcode 11.3 - Drag & Drop of Library Item Fails

I'm new to Xcode. I just installed version 11.3.1 I select ContentView.swift in the Navigation panel. (I suppose Xcode's ContentView replaced ViewController that some users speak of.) I click the ...
0
votes
1answer
23 views

Drag Event vs Mouse events for Drag and Drop

Recently I started to learn Drag and Drop API and was going through some tutorial on Youtube starting with this which was pretty good, Understood the whole Drag Cycle. But I saw some other tutorials ...
-1
votes
1answer
51 views

Drag and drop custom behavior

I try to implement this behavior http://jsfiddle.net/Aneeshmohan/qbxfbmtt/ in angular 8. I use angular cdk drag-drop module https://stackblitz.com/edit/angular-4ppaey?file=src%2Fapp%2Fapp.module....
0
votes
0answers
16 views

using BootstrapVue with Vue.Draggable? and drop items from list to b-table?

is it possible to use Vue.Draggable with BootstrapVue Table? and second question: is it possible to drag items from a list to column in a B-table, so i get after dropping a column field with the name ...
0
votes
0answers
14 views

Creating Alteryx-like software

I'm new to programming, and have asked this question to a couple of seasoned software developers, and I seem to be getting varying (and sometimes conflicting) information. What I wonder is, what ...
-1
votes
0answers
15 views

WPF Drag and Drop From and To windows eplorer but forbids itsel

I have a radGridView to which I can drop files from the explorer, and also drag to the file explorer. However, I need to forbid dragging into itself (duplicating the entries and also generating ...
0
votes
0answers
13 views

Drag and drop elements away from the pointer

I was able to make a drag and droppable list (with the package beautiful dnd-react), but making it inside a draggable element (react-draggable) brought me to a problem of the animation. Now if I move ...
0
votes
1answer
20 views

How can i enable Drag & Drop in Highcharts organization-charts?

I need to set up a Highcharts chart of type "organization" which should support Drag & Drop the Nodes on each other (to move the nodes inside the tree). Currently, I got an "organization" chart ...
-1
votes
0answers
6 views

Angular CDK Drag and Drop drop zone with initial height of zero not working [closed]

I am trying to implement drag and drop containers that has an initial height of zero (the cdkDropList div it's self) and expand them on the cdkDragStarted event via an observable that each drop list ...
1
vote
0answers
11 views

How to shift the drag and drop feedback to the left?

I am building a chess board component, in which we should move the pieces by a simple Drag And Drop. In order to ease the drag and drop, I also try to draw a feedback which is a "cross of cells" ...
0
votes
0answers
19 views

Scroll the page when the user's mouse reaches the top/bottom of the page

I'm trying to create drag-and-drop and I want my window to be scrolled in case I start the drag and reach the top / bottom of my page until I come out of the top/bottom "zone". So far what I have ...
-2
votes
0answers
15 views

Uncaught SyntaxError: Unexpected identifier drag n drop [closed]

$(function() { $(".draggable").draggable({ revert: 'invalid', helper: 'clone' }); $(".droppable").droppable({ drop: function(event, ui) { $(this).append(ui.draggable); ...
1
vote
0answers
29 views

isDraggingOver when isDropDisabled react-beautiful-dnd

The same question on Github - https://github.com/atlassian/react-beautiful-dnd/issues/1712 Question: Is it possible to handle isDraggingOver when isDropDisabled is true? I want to highlight the list ...
-1
votes
0answers
24 views

How to make SVG shapes resize using react drag and drop [closed]

Thanks in advance, Right now am using React DND to enable drag and drop function for svg shapes in a container. I would like to resize any shape using mouse (Dragging from any of 4 sides). How do I ...
0
votes
0answers
19 views

JavaFX problem drag and drop between listviews

Here is my problem : I'm trying to move 2 items from a listview to another. The events setOnDragDectected & setOnDragDone works but not the others. It looks like the event binded on my target (...
-1
votes
1answer
38 views

GongSolutions.WPF.DragDrop cant get DragCanceled() to fire [closed]

I am working with https://github.com/punker76/gong-wpf-dragdrop. I it really works great for me. I am now trying to highlight possible Drop Zones. In my view model I am implementing the IDragSource ...
0
votes
1answer
42 views

Html Drag and Drop - Position floating dragged item to cursor

I am using Angular 8+ and working with HTML drag and drop feature. In short when I drag a div which have made draggable, I would like the mouse cursor to always be in the top left hand corner of the ...
0
votes
0answers
25 views

When dragover to specific column i want to prevent that inserting into that column in js

When drag-over to specific column I want to prevent that inserting into that column. Inside of inserting I want show default ghost icon(disable) using javascript $(document).ready(function () { ...
0
votes
1answer
21 views

Why is FileReader appending line break to files?

I'm trying to use FileReader to load dropped files, but there is a mysterious '\n' character being appended to the file if it does not terminate with one. Drop a text file that does not terminate ...
0
votes
0answers
20 views

How to validate content editable paragaraph

I'm using JQuery UI draggable option to drag and drop components to content editable paragraph.My code as follows, My code as follows: $(function() { function textWrapper(str, sp, btn) { ...
0
votes
1answer
40 views

How to setOffset for panResponder when using hooks?

I found a code example demonstrating the use of the panResponder for drag and drop actions within react native. You can try the code in the following snack: https://snack.expo.io/S14RvxJ_L The ...
0
votes
0answers
25 views

Creating a Drag SOURCE for data to the Finder (eg drag/drop a file TO the Finder)

I have an NSView subclass that I am dragging from, and I'm trying to make it so I can drag to the finder and have a file object appear (e.g. on the desktop). (my view words as an drag destination just ...
0
votes
0answers
40 views

C# Winforms Drag files/folders from ListView containing remote files to Windows Explorer

I have a ListView which displays the contents of an ftp directory. I need to implement drag and drop operation. This solution uses DataObject, which i cannot use because the files in the ListView do ...
1
vote
1answer
21 views

C# datagridview get current cell value before Drag&Drop value

I have a dgv and a richtextbox. the user can select a name from the rtb and drag to a cell in the dgv. i have this working fine if there is no value in the current cell they drop into. however, if the ...
1
vote
1answer
52 views

react-beautiful-dnd: When multiple lists exists, dragging content in one row will drag same index from all rows

I have a simple react-beautiful-dnd app where I have multiple rows, and you can drag components within their own rows. My issue is that when I drag a Draggable within one row, the visual effect of ...
1
vote
0answers
21 views

How to extend RecyclerView to allow “merging” of items?

I'm trying to implement "merging" of items using RecyclerView. We have a a list of cards that you can scroll through, edit, and reorder. We also have the concept of "stacks" where you can combine ...
0
votes
1answer
42 views

Selenium Python - drag and drop not working into field

I am using Selenium Webdriver latest version and I need to drag and drop link a element into anotation field from CKeditor, but it is not IFrame. From my previous testing, it was working with Java and ...
1
vote
0answers
13 views

getAsFile returning null in onPaste event when copying embedded image from outlook

My client frequently receives emails in Outlook with screenshots embedded into the text. I'm building them a work order tracker website, and they want to copy/paste from the email into the web page I'...
0
votes
0answers
11 views

React drop event coordinations based on the main page mouse position

I am creating a react.js app with react-draggable to drag element from a tools bar to a panel and creating a new element in in the dropped position. After the OnStop event happends, I am passing the ...
1
vote
0answers
48 views

Drag-and-drop youtube videos into Python/Gtk window

I want to drag and drop a youtube video from a web browser into a Gtk window. The Gtk window receives the URL of the video. The test script below works only 20% of the time. Sometimes the Gtk window ...
1
vote
0answers
22 views

Is there any way of scripting or workflowing file names of files uploaded in Netsuite?

This particularly relates to files created in Drag and Drop functionality, but applies to any file uploaded. Is it possible to use a workflow or script to create a naming convention, such as {...
0
votes
1answer
14 views

How to create a webpage kit with drag and drop support

How hard would it be to create a website that lets people create their own pages on them? Like a company creating a custom page on my site only with a drag and drop system provided by my website (of ...
0
votes
0answers
29 views

Sending DragEventArgs from code behind to current ViewModel in vb.net

currently using the mvvm structure to develop an application, which works fine. i am now trying to implement a drag a file onto a datagrid feature. I have been reading that it is an option to use the ...
0
votes
0answers
12 views

How to render full svg image in Angular material Drag and Drop behavior and hide scroll bar in the same time?

I'm working on map app in which I implemented angular material Drag and Drop behavior to move map in directions(map is an svg file and i can't change it). But when I try to show image, part which is ...
0
votes
1answer
47 views

Unable to assign QList<QUrl> to QString

I'm encountering this error: Unable to assign QList<QUrl> to QString when trying to directly assign the result of drop.urls (obtained from DropArea's onDropped handler) to a Label's text ...
0
votes
0answers
29 views

Make a file-type a drop target, but only when drag originates from same directory

I was experimenting with creating a drag-and-drop handler shell extension for certain file types, and I was wondering if you can implement a drag-and-drop handler where the drop target will only light ...
0
votes
1answer
74 views

How to create draggable web component

So one of my assignments is to create a window, in which I should be able to append different applications. The window itself is more or less done and I am trying to make the component draggable. I ...
0
votes
0answers
18 views

Drag and Drop files to react based Website doesn't work

I am using React to make a Website that is supposed to read Outlook files and .txt files that are submitted by Drag and Drop. I have tried many ways of creating a Drag and Drop field, but most methods ...
1
vote
1answer
31 views

How to Update sort order number after list item moved from one list to another in jQuery UI sort

I am using jquery ui sort to move items from list 1 to list 2, on every element I have some number so whenever item is moved I want both list 1,list 2 should update its sort number. for example: ...