Stack Overflow
Stack Overflow

Questions tagged [angular-dragdrop]

This tag should be used for questions regarding the angular-dragdrop AngularJS library. It should **not** be used for questions regarding the Angular CDK's drag and drop module - instead, use both the angular-cdk and drag-and-drop tags.

angular-dragdrop is a drag and drop directive for . It provides a wrapper jQueryUI draggable/droppable components.

69 questions
2
votes
1 answer

integrate formio api with my angular project

Source code in git Live Demo I want to develop Angular8 drag and drop form builder functionality in my angular application In the above git code it is developed using pure formio My requirement is I want to integrate this angular drag and drop…
Code Lღver
  • 175
  • 1
  • 4
  • 16
2
votes
0 answers

angular drag and drop reusable components

In this angular drag and drop example the component is just moving But I need to keep the original file and generate N number of copies and move them. I need the test box in the left and draggable for n number of times.example
Code Lღver
  • 175
  • 1
  • 4
  • 16
2
votes
1 answer

How restrict the drag element between one boundary in Angular Material 7 CDK?

For my current project am trying to implement the drag element one position to another position inside one div. For this I am using the Angular Material 7 CDK drag and drop features. it dragging all over the page but want to only drag inside…
Manikandan Thangaraj
  • 1,594
  • 8
  • 24
  • 44
2
votes
1 answer

angular dragdrop drag across ng repeat elements

here is the plunkr which will best illustrate my problem. https://plnkr.co/edit/VrT7TmK6tY2u4k2NYJ2U?p=preview there are two panels the panel on the left has a list of items that you can drag and drop onto wells on the right. the wells are…
Bryan Dellinger
  • 4,724
  • 7
  • 33
  • 79
2
votes
0 answers

angular-dragdrop: How to empty the drop area after an item has been dropped?

THE SITUATION: Hello guys. In my app i have a list of items displayed inside a table. I am using angular-dragdrop to be able to drag this items to the bin and delete them. Everything is working fine: after i drop the item over the bin the function…
FrancescoMussi
  • 20,760
  • 39
  • 126
  • 178
1
vote
0 answers

Angular CDK drag and drop multiple nested cdkDropList not working

I have been working on a form builder using Angular CDK drag and drop, and I'm facing an issue with nested drag areas. I have successfully implemented drag and drop functionality without nested lists, but now I'm trying to create multiple drag areas…
Mohammad Akram
  • 59
  • 7
1
vote
0 answers

Can’t bind to “cdkDropListData” since it isn’t a known property of ‘div’.?

I’m trying to use Drag-Drop evet in Angular with cdk but when I tried to import codes to my proects (imports etc.) the terminal says Can’t bind to “cdkDropListData” since it isn’t a known property of ‘div’. What is solution of this? imported cdk…
Zana Temel
  • 13
  • 2
1
vote
1 answer

Reactive form working so weird with Angular DropnDrop CDK - Items getting duplicated

I've a form where user can drag selected img and drop it in target location and submit the form to backend. Source data is Array of Object(API), Issue: when drag one item and put it in drag location, the item gets multiplied / duplicated - (objects…
Flavio
  • 123
  • 2
  • 12
1
vote
0 answers

CdkDragDrop Drop not working with "ng build --prod" configuration

I am using cdkDropList of Angular material CdkDragDrop. Drag is working but drop is not working. It is only happening when I am using "ng build --prod". I tried with removing all default configuration for production in angular.json file. Here is…
Gaurav Juyal
  • 31
  • 2
1
vote
2 answers

how place the select (dropdown) elements from backend in angular formly

I am new to the angular formly .My requirement is to place the cities (coming from the backend )in dropdown but I have tried but I am unable to do this. .service.ts getcitiNames(): Observable { return this.http.get(this.baseUrl +…
user
  • 27
  • 11
1
vote
2 answers

Angular drag-drop

I need some reference for angular drag and drop, I went through the angular documentation but it's not working, I need to develop a page where I can drag tools to my canvas in angular. If anyone knows this please help.
Ananthakrishna
  • 517
  • 5
  • 24
1
vote
1 answer

Drag Drop inside nested drop zone Angular

I am trying to create a drop zone inside another drop zone, and i want the ability to drop in both drop region. To achieve that i have tried using "cdkDropListConnectedTo" To be the id's of all the drop region but due to some reason child drop…
piyush nath
  • 89
  • 1
  • 8
1
vote
2 answers

cdkDragFreeDragPosition position depends from each previous cdkDrag element

When i adding few cdkDrag elements on page, position each of them depends from previous element. Looking on my screen, if i move "Item 3" to 0x0 of container, "Item 3" coordinates will -250x0. So question is: how to make position of each element…
Yevhen
  • 791
  • 9
  • 24
1
vote
1 answer

Angular CDK Drag and drop with placeholders in one of the drop lists

I am struggling with the following use case for Angular CDK Drag and Drop: I want the second drop list to be an array with empty elements when the component loads (because I want to have a number of placeholders there that can be replaced by the…
Iulia Mihet
  • 650
  • 1
  • 10
  • 34
1
vote
0 answers

Drag and drop inside child document in an iframe not working

I have a angular app enclosed inside a plain html app using iframe (object tag). In the child angular app I am trying to drag and drop text between input elements like text fields. The dragging of data is happening as expected. But while dropping it…
Arul Ranjith
  • 465
  • 1
  • 5
  • 17
1
2
3 4 5