Draggable / Sortable Elements

[Freddy_Blockchain]

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…

Reorder HTML Tables using jQuery UI and Save to MySQL |

PHP + jQuery, sorting and save of list using jQuery Sortable

Updating a database display order with drag and drop in SQL

Important:

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

[fatherofinvention]

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

[nevil]

This would be a great functionality for us too!

[Freddy_Blockchain]

any news about sortable component?

[t11]

Check a brief description on how you can create the functionality

reorderImages

Thank you

[AdrianoLuiz]

Sortable Component

[brad]

Can you give an example of when this would be useful? Maybe a site that already uses this method?

[TomD]

If this is for reordering items on an admin page - so items will appear in a particular order - then this is a something I use a lot.

It would be useful if there were a feature for this in Wappler, but there is a very good tutorial by @t11 here:

How hard would a kanban board be to make?

Hi Tom, with all the scripts for client-side reordering you can trigger and update record server action, which updates the order as soon as the item is dragged. Actually we are thinking of adding such a functionality in wappler, based on: https://shopify.github.io/draggable/ or http://interactjs.io/.

[s.alpaslan]

Yeap I need …I want to create database driven bootstrap navbar

[Teodor]

Hi Serhat, how is the navbar related to drag and drop reordering of items?

[s.alpaslan]

Hello @Teodor,
I mean , menu items (buttons ) . I want to create sortable menus (drag&drop) on admin page like this example

https://www.codeproject.com/Tips/526004/%2FTips%2F526004%2FDatabase-Driven-Dynamic-Menu-Control

[TomD]

I can’t imagine a feature quite like that would be added to Wappler. (I think menus like that can be useful - but they were excluded from Bootstrap and are not as popular as they were.)

However, the main challenge - having a means to control the order of menu items using drag and drop (however that menu is created) - is covered in the tutorial I linked to. As items are reordered, the relevant field in the database (which controls the sort order) is updated.

[Teodor]

Hi Serhat,
I can’t find anything in this tutorial related to drag&drop
The original poster suggested drag&drop to be added. Are you referring to multi level menu, as this is not really planned and we are not fans of multi level menus in responsive design?

[AdrianoLuiz]

Example of use

[s.alpaslan]

Maybe this video can help what I am saying sorry I cant tell my idea

[AdrianoLuiz]

yes, yes, yes This is what I want,
it is wonderful

[lsadesl]

Has any of the drag and drop reordering feature ever added yet to Wappler?

[transcoderm]

This will be a great addition to Wappler. Voted.

[TomD]

I think this thread should be merged with this one, where @George suggested what they might use. It looked like a great idea.

A feature like this would be near the top of the list of features I would like added in Wappler.

[Teodor]

Merged