Created on 23 March 2020
icon_unfollowing
Login to follow
sortablejs

SortableJS

Stable version 2.0.0 (Compatible with OutSystems 11)
Uploaded on 20 February 2023 by 
sortablejs

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.


Check our article with a guided recipe on how to use this component.


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

https://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.

Release notes (2.0.0)
  • Updated to the latest release of SortableJS (v 1.15);
  • Changed the OnDragEnd event inputs from evt.oldIndex -> evt.oldDraggableIndex and evt.newIndex -> evt.newDraggableIndex (Sortable options);
  • Improved descriptions;
  • Added more examples in the demo;
License (2.0.0)
Reviews (3)
by 
2022-05-02
in version 1.0.3
Very direct to the point and easy-to-use component!
by 
2022-02-11
in version 1.0.3
Very good component
by 
2021-05-20
in version 1.0.3
not clear on how to implement
Category
User interface, Other UI components
Tags
Support options
This asset is not supported by OutSystems. You may use the discussion forums to leave suggestions or obtain best-effort support from the community, including from  who created this asset.
Dependencies
SortableJS has no dependencies.
Application Objects
SortableJS has 0 AOs.
Team
Compatible with
Version 11
11.9.2 or higher
11.7.6 to 11.9.0
11.0.528 to 11.0.615
Database:
All
Asset consumers
No consumers yet.
Weekly downloads