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 @@ + + + Vbox + + + + + + + + + + + + + + + + + + + + +

vbox Layout with Forms

+

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