X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/0494b8d9b9bb03ab6c22b34dae81261e3cd7e3e6..7a654f8d43fdb43d78b63d90528bed6e86b608cc:/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