@@ -342,6 +345,56 @@ for (var i = 0; i < nestedSortables.length; i++) {
...
@@ -342,6 +345,56 @@ for (var i = 0; i < nestedSortables.length; i++) {
}</pre>
}</pre>
</div>
</div>
</div>
</div>
<divclass="row">
<h2class="col-12">Plugins</h2>
</div>
<hr/>
<divid="multi-drag"class="row">
<h4class="col-12">MultiDrag</h4>
<pclass="col-12">The <atarget="_blank"href="https://github.com/SortableJS/Sortable/tree/master/plugins/MultiDrag">MultiDrag</a> plugin allows for multiple items to be dragged at a time. You can click to "select" multiple items, and then drag them as one item.</p>
selectedClass: 'selected', // The class applied to the selected items
animation: 150
});</pre>
</div>
</div>
<hr/>
<divid="swap"class="row">
<h4class="col-12">Swap</h4>
<pclass="col-12">The <atarget="_blank"href="https://github.com/SortableJS/Sortable/tree/master/plugins/Swap">Swap</a> plugin changes the behaviour of Sortable to allow for items to be swapped with eachother rather than sorted.</p>
<divid="swapDemo"class="list-group col">
<divclass="list-group-item">Item 1</div>
<divclass="list-group-item">Item 2</div>
<divclass="list-group-item">Item 3</div>
<divclass="list-group-item">Item 4</div>
<divclass="list-group-item">Item 5</div>
<divclass="list-group-item">Item 6</div>
</div>
<divstyle="padding: 0"class="col-12">
<preclass="prettyprint">new Sortable(swapDemo, {
swap: true, // Enable swap plugin
swapClass: 'highlight', // The class applied to the hovered swap item
animation: 150
});</pre>
</div>
</div>
<hr/>
<divclass="mt-4"></div>
<divclass="mt-4"></div>
<divid="comparisons"class="row">
<divid="comparisons"class="row">
...
@@ -349,6 +402,7 @@ for (var i = 0; i < nestedSortables.length; i++) {
...
@@ -349,6 +402,7 @@ for (var i = 0; i < nestedSortables.length; i++) {