Upgrade to ExtJS 4.0.0 - Released 04/26/2011

[extjs.git] / examples / form / anchoring.js

diff --git a/examples/form/anchoring.js b/examples/form/anchoring.js
index ecf4225..9a9a1b1 100644 (file)
--- a/examples/form/anchoring.js
+++ b/examples/form/anchoring.js
@@ -1,50 +1,50 @@
-/*!
- * Ext JS Library 3.1.1
- * Copyright(c) 2006-2010 Ext JS, LLC
- * licensing@extjs.com
- * http://www.extjs.com/license
- */
-Ext.onReady(function() {\r
-    var form = new Ext.form.FormPanel({\r
-        baseCls: 'x-plain',\r
-        labelWidth: 55,\r
-        url:'save-form.php',\r
-        defaultType: 'textfield',\r
-\r
-        items: [{\r
-            fieldLabel: 'Send To',\r
-            name: 'to',\r
-            anchor:'100%'  // anchor width by percentage\r
-        },{\r
-            fieldLabel: 'Subject',\r
-            name: 'subject',\r
-            anchor: '100%'  // anchor width by percentage\r
-        }, {\r
-            xtype: 'textarea',\r
-            hideLabel: true,\r
-            name: 'msg',\r
-            anchor: '100% -53'  // anchor width by percentage and height by raw adjustment\r
-        }]\r
-    });\r
-\r
-    var window = new Ext.Window({\r
-        title: 'Resize Me',\r
-        width: 500,\r
-        height:300,\r
-        minWidth: 300,\r
-        minHeight: 200,\r
-        layout: 'fit',\r
-        plain:true,\r
-        bodyStyle:'padding:5px;',\r
-        buttonAlign:'center',\r
-        items: form,\r
-\r
-        buttons: [{\r
-            text: 'Send'\r
-        },{\r
-            text: 'Cancel'\r
-        }]\r
-    });\r
-\r
-    window.show();\r
+Ext.require([
+    'Ext.form.*',
+    'Ext.window.Window'
+]);
+
+Ext.onReady(function() {
+    var form = Ext.create('Ext.form.Panel', {
+        border: false,
+        fieldDefaults: {
+            labelWidth: 55
+        },
+        url: 'save-form.php',
+        defaultType: 'textfield',
+        bodyPadding: 5,
+
+        items: [{
+            fieldLabel: 'Send To',
+            name: 'to',
+            anchor:'100%'  // anchor width by percentage
+        },{
+            fieldLabel: 'Subject',
+            name: 'subject',
+            anchor: '100%'  // anchor width by percentage
+        }, {
+            xtype: 'textarea',
+            hideLabel: true,
+            name: 'msg',
+            anchor: '100% -47'  // anchor width by percentage and height by raw adjustment
+        }]
+    });
+
+    var win = Ext.create('Ext.window.Window', {
+        title: 'Resize Me',
+        width: 500,
+        height:300,
+        minWidth: 300,
+        minHeight: 200,
+        layout: 'fit',
+        plain: true,
+        items: form,
+
+        buttons: [{
+            text: 'Send'
+        },{
+            text: 'Cancel'
+        }]
+    });
+
+    win.show();
 });
\ No newline at end of file