title: Movable panel that stays in background while moving in ExtJS 4.2.1
body: <p>I'm trying to create a floating window and a floating panel. Panel is to hold shortcuts (as in a desktop) and the window is like windows in a desktop environment. I want to be able to move the window and the panel both but I don't want ever the panel to come forth on the window (not in any situation). And I'm trying to do this in ExtJS 4.2.1. Here's the sample code:</p>
  
  <pre><code>Ext.create('Ext.panel.Panel', {
      draggable: true,
      floating: true,
      height: 250,
      width: 400,
      resizable: true,
      headerPosition: 'bottom',
      title: 'Desktop Shortcuts'
  }).show();
  
  Ext.create('widget.window', {
      height: 200,
      width: 400,
      title: 'Window'
  }).show();
  </code></pre>
  
  <p>This code's problem is that, when you are trying to move the panel, it will come forth. Is there anyway I can get rid of that?</p>
  
  <p><strong>[SOLUTION]</strong></p>
  
  <p>It was just enough to set the <code>floating</code> property of panel to false. Since it is mentioned <code>draggable</code> it does not need floating to make the panel movable. And by disabling the floating property it won't ever come to front.</p>