X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/6a7e4474cba9d8be4b2ec445e10f1691f7277c50..f562e4c6e5fac7bcb445985b99acbea4d706e6f0:/examples/form/vbox-form.html diff --git a/examples/form/vbox-form.html b/examples/form/vbox-form.html index aae842af..629d7bad 100644 --- a/examples/form/vbox-form.html +++ b/examples/form/vbox-form.html @@ -1,37 +1,33 @@ + - Vbox - + Form With VBox Layout - - - - + + + - - - + + + + - - - - - - -

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.

+ +

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