Forge

The OutSystems Forge is a repository of reusable, open code modules, connectors, UI components, and business solutions to help speed up app delivery time.
Not finding the component you need?
results for tag 
"drag"
Table Column Reorder
by 
Justin Babel
JQuery library used to reorder/drag table columns during runtime. Support for touch and click events. Based on: https://github.com/akottr/dragtable and https://github.com/sindu12jun/table-dragger
Latest version
2.0.1  (O11)
Latest release
15 Mar 2019
Also available for 10
column
drag
draggable
dragtable
drop
jQuery
Order
reorder
sortable
table
Resizable Columns
by 
Justin Babel
Component that allows users to resize the columns of any table at run time.

Configured to notify the values needed to store the size of the columns to per session or in the database. Simply store this value and then pass it back into the component via input parameter 'ColumnSizeString' for the table to be restore to the last size.

Very flexible with many configuration inputs, just drag onto screen, and pass in the runtime id of your table.

Wraps: https://github.com/alvaro-prieto/colResizable
Latest version
2.0.0  (O11)
Latest release
31 Oct 2018
Also available for 10
colResizable.js
column
Columns
drag
draggable
Dynamic
jQuery
Resizable
Resize
table
Drag and Drop Table Rows and Save Order to Database 
by 
Salman Ansari
This component will achieve dynamic sorting or drag and drop list items functionality. Drag and drop the elements below. The database gets updated on every drop.
Latest version
1.0.0  (O11)
Latest release
22 Apr 2019
drag
Drag & Drop
Drag & Drop Jquery
Drag Drop
drop
Sort Grid Order
sortable
Sortable List
Sorting Order
Sortable AF
by 
Greg Whitten
A Reactive Sortable list component from Accelerated Focus. Utilizes the SortableJS library (https://github.com/SortableJS/Sortable)
Latest version
1.0.2  (O11)
Latest release
18 Feb 2020
drag
drag and drop
draggable
drop
list sort
reorder
Sort
sortable
SortableJS
by 
João Lopes
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.
Latest version
1.0.3  (O11)
Latest release
25 May 2020
drag
Drag & Drop
Drag&Drop
drop
html5
HTML5DragnDrop
HTML5DragnDropAPI
javascript
react