SortableJS

Stable Version 1.0.3 (Compatible with OutSystems 11)
Published on 25 May 2020 by 
3.7
 (3 ratings)

SortableJS

Details
Drag and drop items with the use of the Javascript SortableJS library. You can drag items from one list to another, or within the same list, rearranging the order. Touch devices are supported. Fully customizable with CSS animations. This library make use of Javascript and pure HTML5 Drag'n'Drop API.
Read More

Simply place a list with items inside the placeholder and its done. You can now drag and drop items from one list to another or within a list. You can provide a CSS selector eg. ("#id-a div") as an input to select the list wrapper.


Use the OutSystems event to handle the changes made by the user.


Personalize the behavior with the JSON input. Read the link for more information.


Drag and drop items with the use of the Javascript SortableJS library: https://github.com/SortableJS/Sortable


Read the features/documentation of the library:

https://github.com/SortableJS/Sortable/wiki/Sorting-with-the-help-of-HTML5-Drag'n'Drop-API

https://github.com/SortableJS/Sortable/wiki/Sortable-v1.0-%E2%80%94-New-capabilities

https://github.com/SortableJS/Sortable/wiki/Dragging-Multiple-Items-in-Sortable

http://sortablejs.github.io/Sortable/ 


This is an initial version. More features will be added in the future. If you have improvement ideas, feel free to join the team.


Icon made by Roundicons from www.flaticon.com.

What’s new (1.0.3)
  • Added an OutSystems event that allows you to handle the changes made on the lists
  • You can now add your own parameter, according to this documentation
  • General improvements on the DEMO
Reviews (1)
20 May
in version 1.0.3
not clear on how to implement