Stack Overflow
Stack Overflow

Questions tagged [dragula]

a JavaScript library for convenient drag and drop support

Dragula is a JavaScript library that facilitates usage of drag and drop through an “easiest possible” API. It’s hosted on GitHub where it also provides a demo page. Dragula can easily installed using : npm install dragula --save

See usage details for a comprehensive API overview.

195 questions
0
votes
1 answer

Dragula - Drag elements from one container to different elements

My question is related to dragula https://github.com/bevacqua/dragula I am trying to drag elements from one container and drop them (copy not move) into different containers. So, in this way I have one container which contains elements to drag and I…
Aisha
  • 217
  • 1
  • 6
  • 20
0
votes
0 answers

When I add animation, I get weird results

I integrated dragula in my project, and I need the tiles to have a grid look, so I changed line #441 (dropTarget.insertBefore(item, reference);) to: var immediateSibling = immediate.nextSibling; parent.insertBefore(immediate,…
Jessica
  • 7,791
  • 10
  • 44
  • 89
0
votes
1 answer

Drag and Drop angular2 Dragula

I'm using ng2-dragula to drag and drop elements. I need that my drag&drop be in one direction for example I have a menu of items and I fill my div with this items so its not logical to drag from my div to menu. I had already found this config to…
khalil _diouri
  • 751
  • 2
  • 11
  • 31
0
votes
0 answers

Animate elements position not working

I'm trying to implement a grid which you can drag 'n drap elements. I found dragula, which suits my needs exactly! The only thing is, I need the tiles to animate when they move out of the way to let in the one being dragged. (Hope that's clear.…
Horay
  • 1,288
  • 14
  • 31
0
votes
1 answer

(Drag n drop) Dragula.js not working on revisiting the route (in ember.js app)

I am using dragula.js library in an ember.js web app. Things are working fine (able to drag and drop things) until I revisit the route, after which drag and drop just stops working, that is, can't drag anything that was previously draggable. And…
shanky
  • 2,643
  • 1
  • 8
  • 14
0
votes
1 answer

How to make Dragula a global provider in Angular 2 to share across components

I'm trying to make it so that I can drag and drop nicely between components, but having Dragula set up the recommended way means that each component has its own copy of Dragula. So I can't drag and drop between the components. I've tried to make…
jhulme
  • 100
  • 9
0
votes
1 answer

Dragula-model not upating source array

I'm working on a little test code using angular-dragula and I have managed to get the drag-and-drop thing working, but it's not updating the source data array. I declare some variables in the angular…
Dave Alger
  • 319
  • 4
  • 23
0
votes
1 answer

using dragula with systemjs

I'm trying to use dragula in angular2 app with angular-cli.
Rakhat
  • 4,314
  • 3
  • 36
  • 48
0
votes
1 answer

Drag and drop players in a results table inside form to send to PHP (using DragulaJS)

I'm developing the front-end of an app to track tournaments. In one page, the user needs to update the tournament result by dragging a player from a list on the left inside the final results table on the right, that I'll send to a PHP backend for…
Hugo Carlos
  • 388
  • 3
  • 21
0
votes
1 answer

Error: require is not a function while loading external module in Angular 2

ng2-dragula seems cool but I have some hard time setting it up for my angular 2 project. I use system.js as a module preloader and its configuration is: System.config({ packages: { app: { format: 'register', …
Brozorec
  • 1,143
  • 8
  • 15
0
votes
1 answer

How to push the content of a container into an array using Meteor-Dragula?

I am using Meteor-Dragula. Lets says I drag a container that has the String hello into the #right DOM element. How do I access that string? Say, pushing it into a String array. Maybe I'm on the right track with something like this? x =…
ttt
  • 69
  • 3
  • 8
0
votes
2 answers

Changing model values when dragging using angular dragular

I am working on sample projects using dragula as well as it's successor dragular. I have a question regarding the usage of this. I implemented drag and drop with this project in angular. My question is :- I am using a list of objects as my model,…
Roshan FIS
  • 11
  • 2
0
votes
1 answer

element with dragula directive not draggable in angular

I have a div
Div1
In controller, the event is triggered but element is not dragging. $scope .$on('bag-one.drag', function (e, el) { console.log("called"); }) How do I fix this?
sim kaur
  • 163
  • 2
  • 13
0
votes
2 answers

How to self-submit a web2py-component at change-event

I load two different components (A,B), where i can drag and drop elements from A to B. Is it possible to trigger a "self-submit" on component B and pass arguments when the drag-target container is changed? Thanks in advance. Edit 1: The components…
Rockbot
  • 895
  • 1
  • 6
  • 24
-3
votes
1 answer

Jquery reorder div in container

I need to sort a set of 3 divs on a container in this way. div class A div class A div class B div class A div class A div class B every 3rd div must be class B, how can i do this and then push te new order to the container ? Thanks,
Aliber
  • 9
  • 2
1 2 3
…
12
13