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

Dragula begin dragging on long press event

I was wondering if there is a way to begin moving the item sin dragula after a long press event. The situation is that I have a long list, that i need t be able to scroll and reorganize the items. I was thinking that items should be able to be…
Peter
  • 235
  • 2
  • 3
  • 11
0
votes
1 answer

How do I remove an element in dragula after cloning?

After dragging elements from a parent container id=left-copy-1tomany, I wish to remove some of the cloned elements from the clone container id=right-copy-1tomany. I want to remove them by using the removeOnSpill: true function which should let me…
Remips
  • 13
  • 5
0
votes
1 answer

Ng2-Dragula: Enable drag at run time

So, I have this following template.
The function cssClass sets the…
Chetan Khilare
  • 285
  • 1
  • 3
  • 14
0
votes
1 answer

Dragula dragging not recognizing dropzones well

I am making a drag-and-drop trello-esque board for practice, I am running into an issue when getting data to feed the names and number of cards to my columns. I have a react component that is calling this.props.getData() within its…
Kaspar Poland
  • 105
  • 1
  • 9
0
votes
2 answers

Property 'forEach' does not exist on type 'NodeList'

I am using ng2-dragula for Drag and Drop in my Table. this.dragulaService.drop.subscribe(value => { let questions_group = value[3] as HTMLTableRowElement let SectionTwo:Array = []; let QuestionId:Array = []; …
Ruchita Ajmera
  • 413
  • 1
  • 6
  • 17
0
votes
1 answer

dragular.js: Nested Elements and Adding New Elements

Does anybody know how nested elements and add new elements in dragula.js work together? I've come this far: nested elements works, adding elemnts works, too, but I can't move a nested element into an new…
Bernd Bammer
  • 41
  • 4
0
votes
1 answer

Dragula drop to different target of the same class

I need to make a functionality where I have few drag-able objects contained in #sourceItems, they should be dropped in one of the target container .my-container, which are of the same type (class, design, content). Give the following
Felix Cen
  • 733
  • 1
  • 6
  • 24
0
votes
1 answer

AngularJS-Dragula nested lists

TL;DR; I need to drag in nested lists, and I can't get it to work. I've compiled a quick example over at Plunkr. I have dynamic nested sets with no defined depth, and I need to be able to sort them within their own parent-container only. But since…
Pjetr
  • 1,372
  • 10
  • 20
0
votes
1 answer

How to get the ordered index after changing values in an array in angular?

I am having a list of items in an array say, Design Analysis Testing Development Whose index would be, 0,1,2,3 Here i am using angular dragula which is used to drag and drop a list element. With the usage of dragula i am changing the position of…
Maniraj Murugan
  • 8,868
  • 20
  • 67
  • 116
0
votes
0 answers

Unable to get ng2-dragula working in Plunker

I have been trying to get ng2-dragula working in Plunker but it's not quite there. Here is my config.js. Please ignore the untidy code for now. I have set the Angular and RxJs versions explicitly as the latest versions were not playing nice with…
Kevin Lee
  • 1,104
  • 3
  • 13
  • 33
0
votes
2 answers

Angular Dragula - Not Updating Firebase on Drop

I have an AngularFireList of items. I split the items into arrays and use those to populate several divs for one dragula bag based on each item's location value which corresponds to the div's ID. On dropping one item into another div the dragged…
av0000
  • 1,917
  • 6
  • 31
  • 51
0
votes
0 answers

remove array element while dragging out the ng dragula element

I'm using dragula to develop my angular 5 drag and drop application. I am using a set of values which got from the server to generate the ng dragula contents. I'm using removeOnSpill to remove the unwanted array element. Removing from dragula…
Sharaaf Nazeer
  • 102
  • 12
0
votes
1 answer

Save (and pass) position (possibly to array) of elements with specific id

I am looking for a way to save elements found within a div with the specific id. Ideally I would want to save their id`s only and the order they appear in a div. They are copied over using dragula library. My JS that got me…
lovemyjob
  • 579
  • 1
  • 5
  • 22
0
votes
1 answer

Can't make multiple inners draggable object from angular 5 & dragula

I'm trying since few days and can't make it works... Little explanation : I've in this example, an array of object like this : public containers: Array = [ { "name": "container 1", "items": ["1", "2", "3"] }, { "name":…
Kiho
  • 38
  • 7
0
votes
1 answer

dragula loaded but not working

I am developing an Alfresco surf page that uses dragula. As alfresco 5 uses dojo , i use dojo to load dragula library. require(["${page.url.context}/res/components/js/dragula.js"], function(){ …
Adrián Álvarez
  • 41
  • 12
1 2 3
…
13 14