Skip to main content

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

0 votes
0 answers
9 views

Performance issues (and suitability) of react-beautiful-dnd with many (200+ droppables)?

I am making React Material-UI react-beautiful-dnd component which display number of TV breaks (each break is in a separate panel/dnd droppable) and each TV break displays the list of ads inside the ...
TomR's user avatar
  • 2,926
0 votes
1 answer
28 views

Drag and Drop Widgets within QScrollArea in PyQt6 Not Working Correctly

I'm developing a PyQt6 application where I want to enable drag-and-drop functionality for widgets within a QScrollArea. While the drag-and-drop functionality works initially, it starts behaving ...
DigitalTemplar's user avatar
0 votes
0 answers
10 views

How to Implement Cloning, Auto-Arrangement, and Realignment of Drag-and-Drop Images in Angular CDK?

I am working on a drag-and-drop exercise in Angular. When I drag an image, it should be cloned. When I drop it into the designated container, it should be fixed to that container. If I place the image ...
Vijayalashmy's user avatar
1 vote
1 answer
41 views

Angular Drag & Drop with nested section and subsection

I am trying to implement a drag-and-drop feature in my Angular 14 Application where I have nested sections and subsections. I want to move each section up or down and subsections will be moved between ...
Al Imran's user avatar
  • 147
0 votes
0 answers
14 views

Why is my sortablecontext dissapearing after removing all element from it dnd kit react

I have SortableContext for dopping my sweaters. But when I remove every sweater from one of them, it dissapears and I cant put anything else in it. Im using dnd kit and react. Has this happened to ...
Dominik Budinčevič's user avatar
1 vote
0 answers
39 views

Implement drag and drop functionality in recursive components

I'm trying to implement drag and drop functionality between two JSONs to map the keys of one JSON to another. I created the JsonViewerComponent that accepts JSON data as input and displays it using ...
sooraj's user avatar
  • 11
-3 votes
0 answers
25 views

XML => UI Generator [closed]

I have and XSD file that defines new XML tags I use in my project, I'm looking for an open source tool that allows me to do the following: Take the XSD file Generate UI drag and drop for the tags ...
Hamza LAHLOU's user avatar
0 votes
0 answers
20 views

How to implement drag and drop on a table list with pagination in angular?

I have a table with ngb-pagination and now I have a requirement to add drag and drop in the list.I am not able to drag an item from page 1 and drop that item in page 2. Is that possible to do it. How ...
Akshai Raj P's user avatar
0 votes
0 answers
24 views

How to Enable Drag-and-Drop to Rearrange Widgets in a QGridLayout in PyQt6?

I have implemented a drag and drop functionality to rearrange widgets in a QHBoxLayout. Below is the code: from PyQt6.QtCore import QMimeData, Qt from PyQt6.QtGui import QDrag, QPixmap from PyQt6....
DigitalTemplar's user avatar
0 votes
0 answers
45 views

How to restrict the draggable area of an element in react-beautiful-dnd

To clarify, I don't mean defining a droppable area, I mean making it so that visually, you literally can't drag items outside of a certain range. For example, if you have a div that houses a bunch of ...
Trevor DePodesta's user avatar
0 votes
0 answers
36 views

How can I implement darg and drop for 2D array in Angular?

i have below objects columns: string[] = ['A', 'B', 'C']; rows: string[] = ['1', '2', '3']; data: any[][] = [ ['A', 'B', 'C'], ['P', 'Q', 'R'], ['S', 'T', 'U'], ] `with this i have ...
Vikrant Jamdar's user avatar
0 votes
1 answer
28 views

Dndkit how to force an item to remain in place in a vertical sortable list? (Also open to using other dnd libraries)

For example, suppose 5 was frozen. Then, if 4 was dragged below 6, the result of before and after would look like this: before: after: Currently, I'm planning on using the margin between items, ...
tlietz's user avatar
  • 136
1 vote
0 answers
17 views

Angular DragAndDrop cdk nested cdkgrouplist

I am trying to make several nested drag and drop lists I have questions that go into sections, which in turn go into modules, until now I was able to drag the modules and sections together correctly, ...
patricio paz's user avatar
0 votes
0 answers
29 views

How to add pressed state / animation to compose dragAndDropSource

I have some compose Boxes and I want to be able to drag and drop them and also click them. This works so far, but the problem is there is no pressed state at all. I want to have a ripple effect. Using ...
Stefan's user avatar
  • 1
0 votes
0 answers
18 views

How to delay layout during DND?

I'm writing a feature that allows the user to create controls by dragging and dropping, similar to Keynote. The simplified code is as follows : Display display = Display.getDefault() ; Shell shell = ...
Bourbon_7's user avatar
  • 193

15 30 50 per page
1
2 3 4 5
898