X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/ee06f37b0f6f6d94cd05a6ffae556660f7c4a2bc..c930e9176a5a85509c5b0230e2bff5c22a591432:/docs/source/basic1.html
diff --git a/docs/source/basic1.html b/docs/source/basic1.html
new file mode 100644
index 00000000..10db97fd
--- /dev/null
+++ b/docs/source/basic1.html
@@ -0,0 +1,93 @@
+
+
+ The source code
+
+
+
+
+ var ResizableExample = {
+ init : function(){
+
+ var basic = new Ext.Resizable('basic', {
+ width: 200,
+ height: 100,
+ minWidth:100,
+ minHeight:50
+ });
+
+ var animated = new Ext.Resizable('animated', {
+ width: 200,
+ pinned: true,
+ height: 100,
+ minWidth:100,
+ minHeight:50,
+ animate:true,
+ easing: 'backIn',
+ duration:.6
+ });
+
+ var wrapped = new Ext.Resizable('wrapped', {
+ wrap:true,
+ pinned:true,
+ minWidth:50,
+ minHeight: 50,
+ preserveRatio: true
+ });
+
+ var transparent = new Ext.Resizable('transparent', {
+ wrap:true,
+ minWidth:50,
+ minHeight: 50,
+ preserveRatio: true,
+ transparent:true
+ });
+
+ var custom = new Ext.Resizable('custom', {
+ wrap:true,
+ pinned:true,
+ minWidth:50,
+ minHeight: 50,
+ preserveRatio: true,
+ handles: 'all',
+ draggable:true,
+ dynamic:true
+ });
+ var customEl = custom.getEl();
+ // move to the body to prevent overlap on my blog
+ document.body.insertBefore(customEl.dom, document.body.firstChild);
+
+ customEl.on('dblclick', function(){
+ customEl.hide(true);
+ });
+ customEl.hide();
+
+ Ext.get('showMe').on('click', function(){
+ customEl.center();
+ customEl.show(true);
+ });
+
+ var dwrapped = new Ext.Resizable('dwrapped', {
+ wrap:true,
+ pinned:true,
+ width:450,
+ height:150,
+ minWidth:200,
+ minHeight: 50,
+ dynamic: true
+ });
+
+ var snap = new Ext.Resizable('snap', {
+ pinned:true,
+ width:250,
+ height:100,
+ handles: 'e',
+ widthIncrement:50,
+ minWidth: 50,
+ dynamic: true
+ });
+ }
+};
+
+Ext.EventManager.onDocumentReady(ResizableExample.init, ResizableExample, true);
+
+
\ No newline at end of file