title: laying out buttons in a panel extjs 4
body: <p>I'm having some serious issues trying to lay out some buttons for my user interface in extjs 4.07 I have a base layout, which I want to change, but everytime I change something one of my buttons dissapears, or one takes up the whole panel, or something else that makes no sense based on the config I've entered. I need help. here's the code:</p>
  
  <pre><code>{xtype:'panel',
    columnWidth:.06,
    layout:'vbox',
    items:[
      {xtype:'button', text:'=&gt;', action'moveOver'},
      {xtype:'button', text:'&lt;=', action'moveBack'},
      {xtype:'button', text:'reset', action'reset'}
    ]
  }
  </code></pre>
  
  <p>Below is what I have, versus what I want the panel to look like.</p>
  
  <p>What I have:</p>
  
  <pre><code>[----------]
  [[=&gt;]      ]
  [[&lt;=]      ]
  [[RS]      ]
  [          ]
  [          ]
  [          ]
  [          ]
  [          ]
  [          ]
  [          ]
  [          ]
  [          ]
  [          ]
  [          ]
  [----------]
  </code></pre>
  
  <p>What I want, something like this:</p>
  
  <pre><code>[----------]
  [          ]
  [   [=&gt;]   ]
  [          ]
  [   [&lt;=]   ]
  [          ]
  [   [RS]   ]
  [          ]
  [          ]
  [          ]
  [          ]
  [          ]
  [          ]
  [          ]
  [          ]
  [          ]
  [----------]
  </code></pre>
  
  <p>Any help is appreciated</p>