X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/c930e9176a5a85509c5b0230e2bff5c22a591432..25ef3491bd9ae007ff1fc2b0d7943e6eaaccf775:/examples/form/vbox-form.js

diff --git a/examples/form/vbox-form.js b/examples/form/vbox-form.js
new file mode 100644
index 00000000..8fe6c0ec
--- /dev/null
+++ b/examples/form/vbox-form.js
@@ -0,0 +1,59 @@
+/*!
+ * Ext JS Library 3.0.3
+ * Copyright(c) 2006-2009 Ext JS, LLC
+ * licensing@extjs.com
+ * http://www.extjs.com/license
+ */
+Ext.Container.prototype.bufferResize = false;
+
+Ext.onReady(function() {
+    var form = new Ext.form.FormPanel({
+        baseCls: 'x-plain',
+        labelWidth: 55,
+        url: 'save-form.php',
+        layout: {
+            type: 'vbox',
+            align: 'stretch'  // Child items are stretched to full width
+        },
+        defaults: {
+            xtype: 'textfield'
+        },
+
+        items: [{
+            plugins: [ Ext.ux.FieldReplicator, Ext.ux.FieldLabeler ],
+            fieldLabel: 'Send To',
+            name: 'to'
+        },{
+            plugins: [ Ext.ux.FieldLabeler ],
+            fieldLabel: 'Subject',
+            name: 'subject'
+        }, {
+            xtype: 'textarea',
+            fieldLabel: 'Message text',
+            hideLabel: true,
+            name: 'msg',
+            flex: 1  // Take up all *remaining* vertical space
+        }]
+    });
+
+    var window = new Ext.Window({
+        title: 'Compose message',
+        collapsible: true,
+        maximizable: true,
+        width: 750,
+        height: 500,
+        minWidth: 300,
+        minHeight: 200,
+        layout: 'fit',
+        plain: true,
+        bodyStyle: 'padding:5px;',
+        buttonAlign: 'center',
+        items: form,
+        buttons: [{
+            text: 'Send'
+        },{
+            text: 'Cancel'
+        }]
+    });
+    window.show();
+});
\ No newline at end of file