X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/0494b8d9b9bb03ab6c22b34dae81261e3cd7e3e6..7a654f8d43fdb43d78b63d90528bed6e86b608cc:/examples/resizer/basic.js

diff --git a/examples/resizer/basic.js b/examples/resizer/basic.js
new file mode 100644
index 00000000..d684a985
--- /dev/null
+++ b/examples/resizer/basic.js
@@ -0,0 +1,61 @@
+Ext.onReady(function() {
+        
+	var basic = Ext.create('Ext.resizer.Resizer', {
+		target: 'basic',
+		width: 200,
+		height: 100,
+		minWidth: 100,
+		minHeight: 50
+	});
+	
+	var wrapped = Ext.create('Ext.resizer.Resizer', {
+		target: 'wrapped',
+		pinned:true,
+		minWidth:50,
+		minHeight: 50,
+		preserveRatio: true
+	});
+	
+	var transparent = Ext.create('Ext.resizer.Resizer', {
+		target: 'transparent',
+		minWidth:50,
+		minHeight: 50,
+		preserveRatio: true,
+		transparent:true
+	});
+
+	var custom = Ext.create('Ext.resizer.Resizer', {
+		target: 'custom',
+		pinned:true,
+		minWidth:50,
+		minHeight: 50,
+		preserveRatio: true,
+		handles: 'all',
+		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 = Ext.create('Ext.resizer.Resizer', {
+		target: 'dwrapped',
+		pinned:true,
+		width:450,
+		height:200,
+		minWidth:200,
+		minHeight: 50,
+		dynamic: true
+	});
+});