examples/form/anchoring.js

   1 /*\r
   2  * Ext JS Library 2.2.1\r
   3  * Copyright(c) 2006-2009, Ext JS, LLC.\r
   4  * licensing@extjs.com\r
   5  * \r
   6  * http://extjs.com/license\r
   7  */\r
   8 \r
   9 Ext.onReady(function() {\r
  10     var form = new Ext.form.FormPanel({\r
  11         baseCls: 'x-plain',\r
  12         labelWidth: 55,\r
  13         url:'save-form.php',\r
  14         defaultType: 'textfield',\r
  15 \r
  16         items: [{\r
  17             fieldLabel: 'Send To',\r
  18             name: 'to',\r
  19             anchor:'100%'  // anchor width by percentage\r
  20         },{\r
  21             fieldLabel: 'Subject',\r
  22             name: 'subject',\r
  23             anchor: '100%'  // anchor width by percentage\r
  24         }, {\r
  25             xtype: 'textarea',\r
  26             hideLabel: true,\r
  27             name: 'msg',\r
  28             anchor: '100% -53'  // anchor width by percentage and height by raw adjustment\r
  29         }]\r
  30     });\r
  31 \r
  32     var window = new Ext.Window({\r
  33         title: 'Resize Me',\r
  34         width: 500,\r
  35         height:300,\r
  36         minWidth: 300,\r
  37         minHeight: 200,\r
  38         layout: 'fit',\r
  39         plain:true,\r
  40         bodyStyle:'padding:5px;',\r
  41         buttonAlign:'center',\r
  42         items: form,\r
  43 \r
  44         buttons: [{\r
  45             text: 'Send'\r
  46         },{\r
  47             text: 'Cancel'\r
  48         }]\r
  49     });\r
  50 \r
  51     window.show();\r
  52 });