This example has 2 sortable lists, each with floated nodes. The lists are outer joined together. The small fish on the left can move into the groups on the right, and become sortable (and larger). However, the items in the groups on the right cannot move back into the list of small fish.

{{>sortable-fish-html}}

Images of fish etchings are from Jacob Theodor Klein, mid 1700s. Source: http://www.flickr.com/photos/biodivlibrary/sets/72157627937663760/. Contributed by: MBLWHOI Library, Woods Hole.

Note: When using an outer or inner joined list, you must pick a moveType of 'move' or 'copy', the default 'swap' won't give you the results you expect.

This example assumes that you have seen the Multiple Sortable Lists - Full Join example and continues from there.

{{>sortable-fish-base}} {{>sortable-multi-source-join}}

Putting it together

``` {{>sortable-multi-out-source-js}} ```