X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/3789b528d8dd8aad4558e38e22d775bcab1cbd36..6746dc89c47ed01b165cc1152533605f97eb8e8d:/examples/resizer/basic.html

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 />