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.

202 questions
0
votes
1 answer

AOT error: require is not defined (caused by ng2-dragula library)

I have an angular 2 application and am using ng2-dragula library. Everything is working in development (JIT compilation) mode. When I compile with AOT, the aot build and rollup are successful, but then I get this error in the browser: Uncaught…
Kevin Quiring
  • 639
  • 1
  • 11
  • 26
0
votes
1 answer

How to make it work: Dragula drag-and-drop on Meteor

I've been trying to add a drag-and-drop functionality into my Meteor app using the Dragula library. It seems very simple and easy to use. However, even though I have followed the instructions and looked other examples from the web, I haven't been…
JohnTheAsker
  • 1
  • 3
0
votes
1 answer

ng2-dragula style original element when copying

We're using the copy: true setting with ng2-dragula: constructor(private dragulaService: DragulaService) { dragulaService.setOptions('group-body-bag', { copy: true, copySortSource: true }); } Now we want to fade out the…
Lukas
  • 9,752
  • 15
  • 76
  • 120
0
votes
2 answers

Dragula: get class and id of the dragged item

I have seen this, but it does not work in my code. I am using Dragula, in my Angular2 application with Typescript. I need to get the id of the element of the draged element. Here is a part of the typescript class: constructor(private…
Sal-laS
  • 11,016
  • 25
  • 99
  • 169
0
votes
3 answers

How to use indexOf() method on parameter?

I am using dragula.js, and using ondrop event in mycode, drake.on('drop', function (el) { console.log(el); //result
foo bar
var n = typeof(el); //return object var x =…
Aep Saepudin
  • 172
  • 2
  • 5
  • 14
0
votes
0 answers

Drag drop and swipe functionality on same element

For an academic project, I am trying to implement a drag drop functionality on a list of some items, which i have achieved using dragula.js I prepared a demo for same on jsfiddle, which can be found on below link https://jsfiddle.net/4gadu5zc/ …
sumit
  • 1
  • 2
0
votes
1 answer

Angular/2 : ng2-dragula - Create dynamic nested elements

I'm trying to implement a dynamic tree using ng2-dragula. I'm using an ordered list for display purposes such as
  1. Category One
    1. Category 1.1 …
prime
  • 2,004
  • 3
  • 28
  • 45
0
votes
1 answer

angular2 using Dragula can't reorder multiple tbody's

My angular2 dragula setup for those who are interested can be found here: How to set up angular-quickstart with ng2-dragula app.component.ts import { Component } from '@angular/core'; import { DragulaService } from…
Quaternion
  • 10,380
  • 6
  • 51
  • 102
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
  • 9,379
  • 14
  • 65
  • 136
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
  • 791
  • 3
  • 12
  • 34
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,388
  • 2
  • 19
  • 36
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
  • 6,283
  • 1
  • 11
  • 15
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
  • 10
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
  • 339
  • 7
  • 23
0
votes
1 answer

using dragula with systemjs

I'm trying to use dragula in angular2 app with angular-cli.
Rakhat
  • 4,783
  • 4
  • 40
  • 50
1 2 3
…
13
14