X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/7a654f8d43fdb43d78b63d90528bed6e86b608cc..refs/heads/master:/examples/resizer/basic.html?ds=sidebyside

diff --git a/examples/resizer/basic.html b/examples/resizer/basic.html
index 2b9d61c9..4f261598 100644
--- a/examples/resizer/basic.html
+++ b/examples/resizer/basic.html
@@ -76,6 +76,23 @@ And look how simple the code is, even my grandma could write it.
     minHeight: 50,
     preserveRatio: true
 });</code></pre>
+<p>
+<b>Snapping</b><br />
+    To resize in fixed increments, specify the <code>widthIncrement</code> or <code>heightIncrement</code> options. The image below
+    resizes (maintaining its aspect ratio) in increments of 20 pixels in both directions.
+</p>
+<img id="croix-de-fer" src="CroixDeFer.jpg" width="160" height="120"/>
+<pre class="code"><code>var snapping = Ext.create('Ext.resizer.Resizer', {
+    target: 'croix-de-fer',
+    width: 160,
+    height: 120,
+    minWidth: 160,
+    minHeight: 120,
+    preserveRatio: true,
+    heightIncrement: 20,
+    widthIncrement: 20
+});
+</code></pre>
 <hr>
 <p>
 <b>Transparent Handles</b><br />