A layout that arranges items horizontally across a Container. This layout optionally divides available horizontal
+
A layout that arranges items horizontally across a Container. This layout optionally divides available horizontal
space between child items containing a numeric flex
configuration.
-This layout may also be used to set the heights of child items by configuring it with the
align option.
Config Options
|
| align : StringControls how the child items of the container are aligned. Acceptable configuration values for this
+This layout may also be used to set the heights of child items by configuring it with the align option. Config Options|
| align : StringControls how the child items of the container are aligned. Acceptable configuration values for this
property are:
<di... Controls how the child items of the container are aligned. Acceptable configuration values for this
property are:
@@ -48,12 +50,12 @@ which assign a value by default:
To configure the above Classes with an extra CSS class append to the default. For example,
for ColumnLayout: extraCls: 'x-column custom-class'
- | ContainerLayout | | flex : NumberThis configuation option is to be applied to child items of the container managed
+ | ContainerLayout | | flex : NumberThis configuation option is to be applied to child items of the container managed
by this layout. Each child item wit... This configuation option is to be applied to child items of the container managed
by this layout. Each child item with a flex property will be flexed horizontally
according to each item's relative flex value compared to the sum of all items with
a flex value specified. Any child items that have either a flex = 0 or
-flex = undefined will not be 'flexed' (the initial size will not be changed). | HBoxLayout | | pack : StringControls how the child items of the container are packed together. Acceptable configuration values
+flex = undefined will not be 'flexed' (the initial size will not be changed). | HBoxLayout | | pack : StringControls how the child items of the container are packed together. Acceptable configuration values
for this property ... Controls how the child items of the container are packed together. Acceptable configuration values
for this property are:
@@ -86,7 +88,10 @@ Ext.layout.FormLayout) to create the DOM structure o... | ContainerLayout | | if : Object | ContainerLayout | | for : ObjectWhen we have a shortfall but are not tooNarrow, we need to shrink the width of each non-flexed item.
+Flexed items are... When we have a shortfall but are not tooNarrow, we need to shrink the width of each non-flexed item.
+Flexed items are immediately reduced to their minWidth and anything already at minWidth is ignored.
+The remaining items are collected into the minWidths array, which is later used to distribute the shortfall. | HBoxLayout | | if : ObjectThis monitorResize flag will be renamed soon as to avoid confusion
with the Container version which hooks onWindowRes... This monitorResize flag will be renamed soon as to avoid confusion
with the Container version which hooks onWindowResize to doLayout
monitorResize flag in this context attaches the resize event between
|
|