Draggable / Sortable Elements


Looks like “Draggable” is now natively implemented into HTML5. The BIG Question here is how to get back these information in an easy way to MySQL etc?

Would love to see that feature as it would help to

  • Rearrange quickly elements
  • Sortable ordering for Galleries with (orderid in mysql column) etc.
  • Helpful for Admin CRUD
  • Create playful shopping carts, menu orders or even quiz!

Examples :

Drag user(s) name/icon(s) from Box A to Box B
Sortable Component in Wappler

I think this would be a useful feature. I don’t suppose it would be easy to implement. In the meantime, there is a very useful tutorial for this by @t11. I’ve used this technique a number of times.


You may also benefit from the following videos https://www.youtube.com/playlist?list=PLUjqTJN3byC9kK8YZkmGwjo9nrEipl2yb, parts 9 and 22


We were already investigating this and the best way to implement it.
We will probably go for https://sortablejs.github.io/Sortable/

to offer full cross browser integration.

But indeed the big question is how to pass the id’s back to the database after reordering.
I was thinking maybe auto populating hidden fields containing the order number and id that are submitted.

Add DMXzone DropZone Add-on into Wappler

Very good idea! Maybe to have kinda „wizard or help windows“ to select which columns should be stored or passed. I guess thats the only way.

I think about some GUI where it would be possible to: Choose columns to store/pass and in which format. So it could be passed to mysql or even API or maybe file.

@George that sortable JS is Amazing! Woow and I love that nested stuff its so powerful! Imagine creating your own dynamic Navigation and reorder or nest it easily!

Looks like passing that as an array or json would be helpful and then push to file, api or mysql…


There is already a feature request as I know for sortable. Maybe to merge that topic here to the other existing one…


Good idea Freddy! I came here to make the same request and see you’ve already thought of it.


This would be a great functionality for us too!