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
10
votes
4 answers

Error when using cdkDropListData in Angular gives me Can't bind to 'cdkDropListData' since it isn't a known property of 'div'

sahil saini
  • 129
  • 1
  • 1
  • 7
9
votes
1 answer

angular cdk drag drop - adjust autoscroll speed when dragging

UPDATE 11.07.2020 Issue on Github https://github.com/angular/components/issues/19401 ORIGINAL POST Is there a way to adjust the scroll speed when dragging an item down or up the list? In Firefox on macOS, it behaves as expected, scrolling faster the…
Han Che
  • 8,239
  • 19
  • 70
  • 116
7
votes
5 answers

In Angular Material CDK Drag Drop, How to Prevent Items from Automatically Rearranging as an Element Moves?

Thanks in advance. Here's the issue: I'm using Angular Material CDK Drag Drop (version: @angular/ckd: 7.3.7) The documentation says "Items will automatically rearrange as an element moves." My question is: How do I prevent items from automatically…
user5369
  • 85
  • 1
  • 7
7
votes
3 answers

drag-drop not found in @angular/cdk

i am trying to add the drag-drop feature in my Angular 6 application where i am trying to use angular material this is the overview link which i want to use. I followed the getting started instruction's but i am not able to use the…
Jasmin Raval
  • 184
  • 1
  • 5
  • 15
6
votes
2 answers

Angular Drag drop with formArray

I have 2 arrays. I'm implementing an Angular drag drop and I want to use FormArray to save the array in which the element was dropped into. The problem is that I can't apply formcontrol to the div as it gives an error Error: No value accessor for…
Ali Turab Abbasi
  • 1,103
  • 8
  • 22
4
votes
4 answers

How to limit drag - drop container to accept only one item in Angular Material Drag-Drop Feature

When using @angular/cdk/drag-drop module (Angular Material Drag and Drop)... Is there any way to limit drop container so to accept only one value instead of multiple values? I am trying to create form where user can drag image and drop into field…
StefaDesign
  • 929
  • 10
  • 19
4
votes
1 answer

cdkDropListSortingDisabled property can't bind since it's an unknown property of cdkDropList Directive. ANGULAR-MATERIEL

So I want to implement a use case, I want to copy some data from a zone (div) to the other zone using drag and drop, I found by surfing on the net that angular/material2 could do the work, by consuming the cdkDropList API. I did the implementation…
MrNobody
  • 41
  • 4
4
votes
1 answer

Angular Drag and Drop pass in Parameter within jqyoui-draggable

I am using angular drag and drop, but i am having trouble passing a parameter in with onStart, onDrag, onDrop or onStop to the controller. I have a number of different variations like below but nothing seems to work: jqyoui-draggable="{onStart:…
BrianM
  • 115
  • 3
  • 11
4
votes
0 answers

Drag/drop and resize using material design

I am creating a web app using angular and Material, I want to be able to drag, drop and resize my sections. I have seen many plugins, e.g. angular-gridster and gridstack-angular but did not get right solution.
Gaurav Chauriya
  • 304
  • 2
  • 12
4
votes
1 answer

How to make template without ng-repeat and pass data to $scope with angular-drag-and-drop-lists?

I want to use angular-drag-and-drop-lists with my own grid template to WYSIWYG editor. How to build my own HTML template without ng-repeat so it will be able to drop items in any predefined column and store information in $scope in which column item…
luzny
  • 2,380
  • 7
  • 30
  • 64
3
votes
1 answer

Drag and Drop: by using copyArrayItem() the dragged item should not be removed from start array while drop Angular 8

I have a list of items from where I drag an item and drop it into another list. I'm using copyArrayItem() method from Angular to not remove the item from the previous array. I start dragging, the item is within the previous array: the placeholder…
Neon
  • 111
  • 11
3
votes
2 answers

angular cdk drag drop - is there any way to async validate on drop and revert if validation returns false?

When droping an item I want to be able to perform an async call (e.g. check with backend for conflicts, collisions and so forth...) which returns true or false. If false, I want to "reverse" the drop so that the item appears in the original array. I…
Han Che
  • 8,239
  • 19
  • 70
  • 116
3
votes
1 answer

Drop and Add Item in a mouse positions | angular-dragdrop

Used https://github.com/codef0rmer/angular-dragdrop I'm looking for a way to add an item to a list in a drop position. How can I do that? I tried to do that without success
Silvio Troia
  • 1,439
  • 19
  • 36
3
votes
1 answer

Copy text from a draggable angular-dnd-list div

I am using the angular drag & drop directive on my divs. I am also using Bootstrap CSS paneling. The panel header is what I am using as the dnd dragHandle.

Click & drag here to move

I want…
Chelly S
  • 107
  • 4
  • 13
3
votes
1 answer

Angular ui-calendar drag and drop object

i'm trying to use the angular-ui-calendar together angular-dragDrop to create something like the example from fullcalendar, where it's possible to drag external event into the calendar. I already checked the How to drag&drop elements onto a…
Diogo Calazans
  • 488
  • 9
  • 18
1
2 3 4 5