Stack Overflow
Stack Overflow

Questions tagged [angular-dragula]

For questions related to Angular's wrapper for drag and drop library dragula.

angular-dragula 's wrapper for

Sample

var angular = require('angular');
var angularDragula = require('angular-dragula');

var app = angular.module('my-app', [angularDragula(angular)]);

Related Links

30 questions
15
votes
4 answers

Angular 2 Dragula Model updating incorrectly

Working with ng2-dragula. I'm looking to update the orderNumber for every item in a database using the new dropped order. dragulaService.dropModel.subscribe((value) => { var drake = dragulaService.find('bag-orders').drake var models =…
Dan Feinstein
  • 316
  • 1
  • 3
  • 15
15
votes
1 answer

Dragula angular how to access the model item

How do I access the exact model item that was dragged and dropped using the drop-model event? Description of the drop event from the docs: el was dropped into target before a sibling element, and originally came from source el seems to return the…
tinyhamster
  • 169
  • 7
8
votes
1 answer

Dragula Figures out sort order - how to disable

I am using Dragula for Drag and Drop functionality. It works until I refresh my list from the server side: this.columnList = newValue; It seams that Dragula wants to preserve order in the list like it was before so it mess up server side sort…
Radenko Zec
  • 7,503
  • 6
  • 32
  • 38
8
votes
1 answer

Using ng2-dragula to drag and swap grid lists

I have a grid of lists and am trying to drag and swap the tiles of the grid with each other using ng2-dragula some.component.html
Arjun
  • 1,189
  • 1
  • 12
  • 24
5
votes
1 answer

Horizontal scrolling issue using angularjs-dragula

I am using angularjs-dragula and I am not able to auto scroll to the overflow container that is hidden from the screen. This is my issue: I have five containers in my dragula and the 5th container is hidden from the screen. Now I want to drag an…
Brendan Dcruze
  • 61
  • 3
3
votes
0 answers

Angular Dragula: How to get a update sort list on save button after drag and drop

I am fetching list of posts with sort order from Database and binding with table using ng-repeat of rows. I set them up so you can reorder them with drag-and-drop using Angular Dragula. This works fine. After dragging, Whenever I click on save…
Soumya
  • 67
  • 1
  • 6
2
votes
1 answer

ng2-dragula one-way drag & limit number of elements in a bag

i'm having an issue on a project. I'm currently working on a mobile app with ionic. In this app, you select a list of widgets you want to display on your home page. Once you selected the widgets you want to use, you can change the layout they're…
Jérémie Anache
  • 23
  • 7
2
votes
1 answer

How to move items from one bucket to another- DragulaJS-Angular

Hey I am using DragulaJS-Angular Version inorder to get the effect of drag&drop between two buckets. I have a couple of problems with this library. First one,I can move items which only belong to the same bucket, if I defined different buckets then…
Brk
  • 1,155
  • 18
  • 46
2
votes
0 answers

angular-dragula - always drag to the list end

I need some help. I am using the angular-dragula.js and needed to set up that when you drag any object to another list, it goes to the end. Even if I drop anywhere he goes to the end of the list. Does anyone have any idea how can I do this? Already…
Rodrigo
  • 21
  • 2
1
vote
1 answer

How to do horizontal drag and replace

Use case description : I'm trying use drag and drop for a three columns to change their order (switch their position horizontally). I tried the first example in the demo page , but in my case i only want to drag horizontally, my markup look like the…
Saad
  • 881
  • 2
  • 16
  • 25
1
vote
0 answers

Updating to ng2-dragula 2.0 not working

I've searched Google for this but none of the "solutions" I've found work, and are from 2016. I had it working fine with 1.x, but now I am trying to follow the migration guide to update to 2.0. I have a setup like this in the HTML with two Bootstrap…
Steve
  • 12,696
  • 26
  • 104
  • 191
1
vote
0 answers

Angular Dragula - styling transit and mirror separately?

I am using nagular/dragula and trying to achieve an effect where the intended drop place is signalled by an insert line rather than an empty box. Somehow though, when I style that .gu-transit element like so: .gu-transit { height: 0px; border:…
user776686
  • 5,924
  • 9
  • 52
  • 94
1
vote
0 answers

Get drag&drop position

I use angular-js dragula for drag&drop I need to save position, because user choose custom div position. This is how my html look
You can move these elements between…
Arter
  • 1,726
  • 2
  • 15
  • 43
1
vote
0 answers

Drag & drop objects between Angular components

I'm using the Dragula module with Angular 4, and I want to drag a div from a side-panel into the main view. However, these two areas of the screen are in seperate ng modules, and seperate components. I am assuming these two areas are ignorant of…
Reece
  • 396
  • 3
  • 11
1
vote
2 answers

angular2 Dragula css cursor grab/grabbing not working

Angular 2.4.8, dragula 3.10.6, it seems the cursor styling for grabbing is not applying when dnd. any suggestions? css is imported in the index.html as
ethan
  • 1,603
  • 2
  • 13
  • 25
1
2