Upgrade to ExtJS 4.0.0 - Released 04/26/2011

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

diff --git a/examples/form/absform.js b/examples/form/absform.js
index 25ba132..6ed09df 100644 (file)
--- a/examples/form/absform.js
+++ b/examples/form/absform.js
@@ -1,55 +1,51 @@
-/*!
- * Ext JS Library 3.3.1
- * Copyright(c) 2006-2010 Sencha Inc.
- * licensing@sencha.com
- * http://www.sencha.com/license
- */
+Ext.require([
+    'Ext.form.*',
+    'Ext.layout.container.Absolute',
+    'Ext.window.Window'
+]);
+
 Ext.onReady(function() {
-    var form = new Ext.form.FormPanel({
-        baseCls: 'x-plain',
-        layout:'absolute',
-        url:'save-form.php',
+    var form = Ext.create('Ext.form.Panel', {
+        layout: 'absolute',
+        url: 'save-form.php',
         defaultType: 'textfield',
+        border: false,
 
         items: [{
-            x: 0,
+            fieldLabel: 'Send To',
+            fieldWidth: 60,
+            msgTarget: 'side',
+            allowBlank: false,
+            x: 5,
             y: 5,
-            xtype:'label',
-            text: 'Send To:'
-        },{
-            x: 60,
-            y: 0,
             name: 'to',
-            anchor:'100%'  // anchor width by percentage
-        },{
-            x: 0,
+            anchor: '-5'  // anchor width by percentage
+        }, {
+            fieldLabel: 'Subject',
+            fieldWidth: 60,
+            x: 5,
             y: 35,
-            xtype:'label',
-            text: 'Subject:'
-        },{
-            x: 60,
-            y: 30,
             name: 'subject',
-            anchor: '100%'  // anchor width by percentage
-        },{
-            x:0,
-            y: 60,
+            anchor: '-5'  // anchor width by percentage
+        }, {
+            x:5,
+            y: 65,
             xtype: 'textarea',
+            style: 'margin:0',
+            hideLabel: true,
             name: 'msg',
-            anchor: '100% 100%'  // anchor width and height
+            anchor: '-5 -5'  // anchor width and height
         }]
     });
 
-    var window = new Ext.Window({
+    var win = Ext.create('Ext.window.Window', {
         title: 'Resize Me',
         width: 500,
-        height:300,
+        height: 300,
         minWidth: 300,
         minHeight: 200,
         layout: 'fit',
         plain:true,
-        bodyStyle:'padding:5px;',
-        buttonAlign:'center',
         items: form,
 
         buttons: [{
@@ -59,5 +55,5 @@ Ext.onReady(function() {
         }]
     });
 
-    window.show();
+    win.show();
 });
\ No newline at end of file