title: Animating dimensions in Sencha Touch 2
body: <p>I'm trying to animate the height of a dataview, but it's currently just sliding the panel around the viewport instead of keeping it in place and changing it's height. The code is as follows:</p>
  
  <pre><code>Ext.Anim.run(el, 'slide', {
    from: { height: height },
    to: { height: newHeight },
    out: false,
    direction: 'up',
    easing: 'ease-out',
    duration: 1000
  });
  </code></pre>
  
  <p>For instance, height=200, newHeight=100 will result in the dataview dropping immediately so that it's top is at 200px below the viewport, and then animating back to the top of the viewport.</p>
  
  <p>How can I get it to change the height? Thanks.</p>