+<html>\r
+<head>\r
+ <title>The source code</title>\r
+ <link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />\r
+ <script type="text/javascript" src="../resources/prettify/prettify.js"></script>\r
+</head>\r
+<body onload="prettyPrint();">\r
+ <pre class="prettyprint lang-js">Ext.onReady(function() {\r
+ var form = new Ext.form.FormPanel({\r
+ baseCls: 'x-plain',\r
+ layout:'absolute',\r
+ url:'save-form.php',\r
+ defaultType: 'textfield',\r
+\r
+ items: [{\r
+ x: 0,\r
+ y: 5,\r
+ xtype:'label',\r
+ text: 'Send To:'\r
+ },{\r
+ x: 60,\r
+ y: 0,\r
+ name: 'to',\r
+ anchor:'100%' // anchor width by percentage\r
+ },{\r
+ x: 0,\r
+ y: 35,\r
+ xtype:'label',\r
+ text: 'Subject:'\r
+ },{\r
+ x: 60,\r
+ y: 30,\r
+ name: 'subject',\r
+ anchor: '100%' // anchor width by percentage\r
+ },{\r
+ x:0,\r
+ y: 60,\r
+ xtype: 'textarea',\r
+ name: 'msg',\r
+ anchor: '100% 100%' // anchor width and height\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
+});</pre> \r
+</body>\r
+</html>
\ No newline at end of file