X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/c930e9176a5a85509c5b0230e2bff5c22a591432..25ef3491bd9ae007ff1fc2b0d7943e6eaaccf775:/examples/form/vbox-form.html?ds=sidebyside diff --git a/examples/form/vbox-form.html b/examples/form/vbox-form.html new file mode 100644 index 00000000..0ac771d7 --- /dev/null +++ b/examples/form/vbox-form.html @@ -0,0 +1,37 @@ + +
+The align:'stretch'
config of the vbox layout manager ensures
+all child items are 100% of the container width.
The flex
config of child items of a vbox layout specifies what share of the vertical
+space left when unflexed items are accounted for to allocate for that child item.
Compare this to The anchoring example. That anchors the fields +to a hardcoded offset from the edge of the Container. The box layout managers allow much more +flexibility in use of available space.
+The js is not minified so it is readable. See vbox-form.js.
+This also illustrates the use of plugins to alter the default behaviour of Components. The Send To +field clones itself until the final one is left blank to allow multiple mail recipients. The layout +manager keeps the vertical space allocated correctly.
+ + \ No newline at end of file