title: Position a image next a textfield in a form
body: <p>I have a form with some text fields. One of them is a image upload button.
  I need to put the image preview box (a div) to the right side of the field (after the field button).</p>
  
  <p>I already do the hard work by creating the div in the <code>afterrender</code> event:</p>
  
  <pre><code>    listeners: {
          afterrender: function ( cmp ) {
              var container = this.body.dom.id;
              $("#" + container ).append('&lt;div style="position:absolute;
                     left:DONTKNOW;top:DONTKNOW" id="myPictureDiv"&gt;&lt;/div&gt;');
          }
      }
  </code></pre>
  
  <p>how can I position elements in a ExtJS form? Can I use <code>position:absolute</code> ? But how to find the button position? What about form resizing?</p>
  
  <p>EDIT: Image to illustrate scebotari's solution alignment problem:</p>
  
  <p><a href="https://i.stack.imgur.com/MW3lP.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/MW3lP.png" alt="enter image description here"></a></p>