18f4388f9909487b198704745e4b61f884df1e81Dav Glass<div class="intro">
18f4388f9909487b198704745e4b61f884df1e81Dav Glass<p>This example makes multiple sortable lists that are outer joined together. In the example below you will see 2 lists.
18f4388f9909487b198704745e4b61f884df1e81Dav GlassBoth lists are sortable, but List #1 can move its items into List #2 and they become sortable. However, List #2 <strong>can not</strong> move its items into List #1.</p>
18f4388f9909487b198704745e4b61f884df1e81Dav Glass<div class="example">
eb54ca05b888ebeec4712f45d334af09679c8a80Jeff Conniff {{>sortable-multi-source-css}}
eb54ca05b888ebeec4712f45d334af09679c8a80Jeff Conniff {{>sortable-indent-css}}
eb54ca05b888ebeec4712f45d334af09679c8a80Jeff Conniff {{>sortable-arrows-css}}
eb54ca05b888ebeec4712f45d334af09679c8a80Jeff Conniff {{>sortable-multi-source-indent-html}}
eb54ca05b888ebeec4712f45d334af09679c8a80Jeff Conniff {{>sortable-arrows}}
eb54ca05b888ebeec4712f45d334af09679c8a80Jeff Conniff {{>sortable-multi-out-source-js}}
18f4388f9909487b198704745e4b61f884df1e81Dav Glass<p><strong>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.</strong></p>
18f4388f9909487b198704745e4b61f884df1e81Dav Glass<p>This example assumes that you have seen the Multiple Sortable Lists - Full Join example and continues from there.</p>
18f4388f9909487b198704745e4b61f884df1e81Dav Glass{{>sortable-multi-base}}
18f4388f9909487b198704745e4b61f884df1e81Dav Glass{{>sortable-multi-source-join}}
18f4388f9909487b198704745e4b61f884df1e81Dav Glass<h3>Putting it together</h3>
18f4388f9909487b198704745e4b61f884df1e81Dav Glass{{>sortable-multi-out-source-js}}