Warning: for obvious reasons animate and dynamic resizing can not be used together.
<hr>
-<div id="multi-box" style="background: none repeat scroll 0px 0px;height: 200px; left: 400px; opacity: 0.7; position: relative;">
+
<div id="box1" style="position:absolute; left:400px;padding:10px;border:1px solid #c3daf9;background:#d9e8fb;width:150px;text-align:center;">Boxes 1</div>
<div id="box2" style="position:absolute; left:600px;padding:20px;border:1px solid #c3daf9;background:#d9e8fb;width:150px;text-align:center;">Boxes 2</div>
<div id="box3" style="position:absolute; left:830px;padding:30px;border:1px solid #c3daf9;background:#d9e8fb;width:150px;text-align:center;">Boxes 3</div>
-</div>
+
<pre class="code">
<code>var custom = new Ext.Resizable('custom', {
wrap:true,