title: How to add a Form submit button just after fields in extjs
body: <p>How can I add a button just after adding all form fields? I know I can add buttons with <code>buttons</code> config of <code>Ext.form.Panel</code>. But it adds buttons at the docked bar. For me this docked bar is located at the lowest part of the screen. So I want to add it Just after the items. This is the config object I pass to <code>items</code> config option of <code>Ext.form.Panel</code>.</p>
  
  <pre><code>        items: [
             // other fields here
          , {
              xtype: 'panel',
              frame: true,
              layout: {
                  type: 'hbox',
                  pack: 'end'
              },
              items:[{
                  text: 'Change',
                  xtype: 'button'
              }]
           }
  </code></pre>
  
  <p>Output is 
  <img src="https://i.stack.imgur.com/4sQjj.png" alt="enter image description here"></p>
  
  <p>But I want the button to be <strong>aligned with above text fields</strong>.</p>
  
  <p>How can I do that?</p>
  
  <p>I am using ExtJS 4.0.7. I can not update this version as the project is large and very complex. </p>