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
13,310
questions
-2
votes
0
answers
19
views
Build a secure angular (drag and drop based dynamic) custom form builder application [closed]
I am a junior level angular developer. I got a need to build a secure angular (drag & drop based dynamic) custom form builder application (with no 3rd party packages) like this app
While I am ...
0
votes
1
answer
17
views
Syncfusion Scheduler Event Drag & Drop Malfunction (Angular)
I am developing a scheduler using the syncfusion scheduler component. I have activated the drag & drop property. However it is not working always as expected. I notice that after a slight resize ...
0
votes
0
answers
13
views
I am using react beautiful dnd to create a drag and drop effect in an image gallery. But elements don't drag
I have this code in the gallery component.
import { useState } from "react";
import { images } from "../assets";
import { DragDropContext, Draggable, Droppable, OnDragEndResponder }...
0
votes
0
answers
12
views
Scrolling mouse while dragging item in Angular
To simplify: I have application made with few kendo-tilelayouts that contains tiles with informations. Each tile is draggable ,and can be dropped in another tilelayout.Application is fully in TS. The ...
0
votes
0
answers
22
views
drop event is not firing properly with angular
I have a directive which use the dragover and drop event.
I've created a grid where I wan't to drop files (audio clips) inside.
My parent div looks like this
<div id="sequencer-wrapper" ...
0
votes
1
answer
27
views
How to drag and drop table columns in react js?
I trying to make table columns change order by drag and drop , i tried a lot of libraries and the best i could do is this :
import React, { useState } from 'react';
import './list_de_tournees.css'
...
0
votes
0
answers
20
views
drag and drop : forcing a dragged shadow to not go back to the initial position
i have a constraint layout with flow to make a multi line chain of unknow number of different size textviews , my current goal is to implement a drag and drop funtionality to this layout which will ...
-1
votes
0
answers
31
views
App showing malware warning in some device
Im not a professional app developer. But i use an app named "sketchware" which is a drag & drop coding app & it uses java. This app also allow developers to write java code manually. ...
1
vote
0
answers
23
views
How to pass DragEventArgs from Blazor C# to a Javascript method that takes event as a parameter
In my Blazor project, I want to invoke a Javascript method, from within C#. The JS method takes a DragEvent as a parameter, but it doesn't seem as if JavaScripts event can accept DragEventArgs from ...
0
votes
0
answers
33
views
Javascript Height & Width Of Dropped Image
I have written code to access height width etc when image uploaded with a button but I cannot seem to access any information when the image is dropped. I am using sample code as below.
let ...
1
vote
2
answers
52
views
How to change the dragged text without changing the original text being grabbed, in pure Javascript?
I can't seem to figure out how to change the dragged text, without also changing the original text from the element. I want to change the dragged text shown next to the cursor when moving the text, ...
0
votes
1
answer
33
views
Is there a way to read a .msg file without using x32 libraries in C#?
I am working on a form which has a PictureBox with the DragAndDrop property enabled.
What I want to accomplish is to make the users able to drag an email from the Microsoft Outlook application.
I ...
0
votes
1
answer
16
views
bokeh charts with reactgridlayout for dragable,resizable bokeh charts
I am using bokeh charts inside the React grid layout library, The React grid layout has the features resizable, draggable,rearrangable, The normal div is working fine for the React grid layout when I ...
0
votes
0
answers
10
views
Angular cdkDrag elements move away from cursor when tried to drag?
I am creating a chatbot which is draggable. I have a parent div which has Angular's cdkDrag applied, under that div I have 2 elements chat-icon and window. When I double click the icon to drag it ...
0
votes
0
answers
17
views
the onDrop function is not working ins react-dnd
I am using react dnd and the onDrop function is not working I tried adding console log to confirm the console log is also not been triggered.
I tried multiple ways according to online resources but ...
2
votes
1
answer
65
views
Perl/Tk Dropsite: Dragging Windows files with arbitrary Unicode names
In a Perl/Tk app I want to drag & drop files with arbitrary unicode filenames onto a widget.
There is this working DropSite example:
perl tk drag & drop folder from windows explorer
but it ...
0
votes
0
answers
5
views
JDateChooser drag and drop doesn't work on IntelliJ macOS
I was trying to drag and drop a component "JDateChooser" on my JDialog but It wasn't working at all. All the others component works but not the JDateChooser.
The component is used from the &...
0
votes
0
answers
18
views
How to drag and drop between 2 DevExpress GridViews?
I'm using DevExpress 19.2, .NET Framework 4.6.1, C#, Visual Studio 2017, WinForms. I want to move data from one DevExpress grid to another. I've been unable to find a complete example online, but ...
-1
votes
0
answers
22
views
Drag and Drop outside of Windows Forms into an explorer or Desktop
I have a windows form , the form contains a list of file names located in the folder,
I need to provide Drag and drop functionality to end user but the issue is that the folder is located on server ...
0
votes
0
answers
16
views
How to remove an item from its position while dragging it in a lazyVgrid using .draggable? Basically how to completely detach the item while drag?
I am implementing drag and drop for items in a lazyVgrid for which I am using .draggable and .dropDestination
Right now while I am dragging an item I see its preview and also the item itself in the ...
1
vote
0
answers
21
views
React Drag and Drop with grid layout
I am creating Drag and Drop with grid layout in React. In handleDragStart I'm updating state which causes rerendering which then prevent further execution.
const handleDragStart = (widget: IWidget)...
0
votes
0
answers
22
views
how to create react drag and drop UI builder with save each element position in db using React js
react drag an drop to create UI builder with save element data position in json or database.
prev i am using grapesjs but it will return html file instead of all components position, height, width in ...
0
votes
0
answers
10
views
What kind of solutions/libraries for creating shapes onClick onto an img or other elements in React?
I'm looking for potentially already-made solutions/libraries for handling user clicks ontop of a div or img that will create shapes where the user clicked.
I'll also have to have the ability to drag ...
0
votes
0
answers
43
views
How to reorder TreeViewItem by drag&drop in TreeView using interactivity.behavior class in WPF
I have implemented the Drag&Drop from a ListBox to a TreeView, as displayed below.
Drag&Drop from ListBox to TreeView
Now I want, for example, after dropping items to TreeView, I can drag ...
0
votes
0
answers
24
views
child element state passed as props does not get updated after updating state from parent element
so I was trying to make a Kanban board app like a clone to trello by using react-beautiful-dnd, everything is fine except that when I change the state of the draggable element which is a child of ...
1
vote
1
answer
33
views
React js drag and drop Image with preview
I have this function for set my variable image and preview image:
const handleChangeImage = event => {
setPreviewImage(URL.createObjectURL(event.target.files[0]));
setImage( event.target....
0
votes
0
answers
20
views
Saving Dragged and Dropped Item Positions in Local Storage for Persistent Display
const titleElement = document.querySelector('.js-title');
const messageElement = document.querySelector('.js-message');
const addBtn = document.querySelector('.js-add-button');
const ulList = document....
0
votes
0
answers
33
views
Drag and drop issue with Chrome
I am trying to implement a drag-and-drop using JavaScript. It works perfectly in Firefox, but the drop does not work well in Chrome. The dragged file cannot be dropped easily on the defined area.
Here'...
0
votes
1
answer
41
views
How to make Drag element always on the top?
This is the Qt Drag and Drop Example.
As you can see here, the 5th tile is under the 6th tile, and the 5th tile can be above of 4th tile.
But I want the dragging element to be always above of all ...
0
votes
0
answers
11
views
PrimeReact Tree - Drag and Drop
I use PrimeReact tree and they implement the ability to drag and drop in the same tree.
I want that during mouse move I will be able to check if it's ok to drop the item or not and if it's not ok to ...
0
votes
0
answers
63
views
Drag-and-Drop Issue with Dnd-Kit in React: Card Appears Underneath Placeholder Despite High z-index
I'm working on a React project that involves a game board with drag-and-drop functionality. I'm using Dnd-Kit to handle the drag-and-drop interactions.
I drag my cards to a specific placeholder. the ...
0
votes
0
answers
20
views
I need to customize name in header section of formbuilder when we drag and drop any component in formio angular
You can see image where i want to customize
i want to remove component word written after Text Field
I have try many things but not getting proper solution for it not able to find solution from ...
1
vote
0
answers
39
views
Issue with Drag-and-Drop Reset in JavaScript
const grid = document.querySelector('.grid');
const leftDiv = document.querySelector('.left-side')
const rightDiv = document.querySelector('.right-side');
const btn = document.querySelector('.btn');
...
1
vote
0
answers
33
views
How to use the drag and drop component in ant design?
I copied and pasted the Dragger component from ant design and i am trying to understand how to change it to fit my code. I have an upload function, all i need the dragger component to invoke the ...
0
votes
0
answers
47
views
Drag and drop vue 3, render each item separately
I'm currently using laravel/inertiajs/vue3 to make a school planning web application,
where the user has a calendar (monday->friday), that he can add classes to it using drag and drop,
then when ...
1
vote
1
answer
28
views
Is there any way to make this drag&drop to drag&rearrange/reorder instead?
I'm experimenting with drag & drop which works fine, here is a sketch.
const container = document.querySelector(".drag-container");
const template = `
<div draggable="true" class="draggable-...
0
votes
0
answers
21
views
issue with react drag & drop image ordering
My team bought a template and it has the functionality to add multiple images to a product, and it uses react Dnd. When you open the modal that's used for adding a new product it lets you choose a ...
0
votes
1
answer
57
views
Drag and Drop Issue in JavaScript Sortable List
Goodday all, This is my first question here:
I'm currently working on a web application that involves drag-and-drop sorting of items within separate lists. I have two distinct lists: a left list and a ...
-1
votes
0
answers
27
views
Solidjs make SVG element draggable
I'm working on making an image mask where you can drag the elements around to reveal the part of the image that the element covers. It's fairly easy to make a mask like this with SVG as seen below:
&...
0
votes
0
answers
31
views
Android Recycler View with Multiple ViewHolders, Drag and Drop, and Persistent Item Positions
I'm working on an Android app where I need to implement a RecyclerView with multiple ViewHolders. These ViewHolders represent different types of items with varying layouts. Additionally, I want to ...
0
votes
1
answer
28
views
react-beautiful-dnd issue with multiple dynamic lists
i have 10 accordions with mapping over them. Each accordion have 10 items inside of it.
items can be only moved inside of own accordion.
my issue is my current code logic works fine with first ...
0
votes
0
answers
18
views
How to implement Drag and Drop in FileExplorer - VSCode Extension
I'm trying to implement TreeDragAndDropController in FileSystemProvider and FileExplorer classes (fileExplorer.ts) using the TestViewDragAndDrop class (testViewDragAndDrop.ts), both examples created ...
0
votes
0
answers
18
views
How to write clean code for drag and drop in Android Studio for use in more than one activities
here's a quick question about writing clean code for drag and drop functionality. I already know how to code for a drag and drop, but I'm confused on what to do if that functionality is required for ...
1
vote
2
answers
77
views
Drag and Drop between QTreeWidgets
Is it possible two drag and drop items between two QTreeWidgets? I have one tree-widget Tree1 and a second one Tree2. Tree1 is somehow the master which contains all elements (only top-level elements, ...
0
votes
0
answers
20
views
IOS - Drag and drop item from gmail attachment
i'm trying to develop an app where user is able to drag a pdf attachment from gmail (web version on safari) and drop it on the developed app
It seems that the issue is related from the attachment type ...
0
votes
0
answers
23
views
Use drop function called several times
I'm trying to build my folder tree in React, so far I've been able to build it properly but I'm running into a problem that when I use USE DROP the function that updates the new parent is called ...
0
votes
0
answers
23
views
Adding an Item to Another List When Drag and Drop in React Sortable HOC
I'm working on a React project and I'm using react-sortable-hoc for implementing drag-and-drop functionality. Currently, I have multiple lists, and I'm able to reorder items within the same list. ...
1
vote
1
answer
158
views
Compose Drag Drop (passing data between components) - draggable item state doesn't change when scrolling bottom-top
I'm working on an implementation of drag and drop with Jetpack Compose. Its already capable of drag-dropping data from one place to another and auto scrolling when draggable item meets top-bottom ...
3
votes
0
answers
51
views
Is it possible to get file type (and generate a preview) while dragging (before droping)
I'm trying to write a drag and drop mechanism that peek into the content of the dragged content before it is dropped.
The app is being tested on macOS. But maybe there's some subtleties on other OS.
I'...
0
votes
1
answer
18
views
Refresh displayed data between lists when drag and drop happens
I have two lists connected with the CdkDropList Angular event, when I drag an element from one of the lists, the arrays are updated correctly, but in the visualization it is not removed from the list ...