title: How can i change the position of floatable form in extjs
body: <p>I have the ExtJS form which is <code>floating</code></p>
  
  <p>Now i want to give <code>%</code> margin <code>from top and left</code> but its not working.</p>
  
  <p>Example is here :</p>
  
  <p><a href="https://fiddle.sencha.com/#fiddle/1dj" rel="nofollow">https://fiddle.sencha.com/#fiddle/1dj</a></p>
  
  <pre><code>var f = new Ext.form.Panel({
      width: 400,
      height: 400,
      title: 'Foo',
      floating: true,
       closable : true,
      y: '10%',
      x: '10%',
  
  });
  f.show();
  </code></pre>