<div style="float:left;">
<fieldset style="border:1px #b0b0b0 solid; min-width:240px; min-height:450px;">
  <legend style="border:1px #b0b0b0 solid; margin-left: 1em; padding:0.2em 0.8em">Drag Sources</legend>

<div>
  <div id="dragdiv1" draggable="true" style="background:#f3a0bf; float:left; width:50px; height:30px; border:1px solid rgb(176,76,176); cursor:pointer; margin:15px 11px 10px; text-align:center; vertical-align:middle;line-height:30px;">Tools</div>
  <div id="dragdiv2" draggable="true" style="background:#f3a0bf; float:left; width:50px; height:30px; border:1px solid rgb(176,76,176); cursor:pointer; margin:15px 11px 10px; text-align:center; vertical-align:middle;line-height:30px;">Apps</div>
  <div id="dragdiv3" draggable="true" style="background:#f3a0bf; float:left; width:50px; height:30px; border:1px solid rgb(176,76,176); cursor:pointer; margin:15px 11px 10px; text-align:center; vertical-align:middle;line-height:30px;">Logs</div>
</div>

<div style="float:left;">
  <div id="tree1" style="margin-top:20px; padding-top:10px;width:200px; height:320px; zmin-height:320px; zmargin-left:5px; overflow:auto"
       data-bind="ojComponent:
         {
           component: 'ojTree',
           selectionMode: 'multiple',
           data:{data: getJson},
           dnd: {
                  drag: {
                          node: {
                                 dataTypes: ['application/ojtreenodes+json'],
                                 dragEnd:   dragEnd
                                }
                        }
                }
         }"/>
</div>
</fieldset>
</div>

<div style="float:left;margin-left:20px;">
  <fieldset style="border:1px #b0b0b0 solid;">
    <legend style="border:1px #b0b0b0 solid; margin-left: 1em; padding:0.2em 0.8em">Drop Target</legend>

    <div id="tree2" style="padding-top:10px;width:200px; height:420px; overflow:auto;"
         data-bind="ojComponent:
            {
              component: 'ojTree',
              selectionMode: 'multiple',
              data:{data: getJson},
              dnd: {
                     drop: {
                             node: {
                                    dataTypes: ['application/ojtreenodes+json',
                                                'dragdiv/text'],
                                    drop: drop
                                   }
                           }
                   }
            }"/>
  </fieldset>
</div>

<div style="clear:both" ></div>
<p/>