X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/7a654f8d43fdb43d78b63d90528bed6e86b608cc..3789b528d8dd8aad4558e38e22d775bcab1cbd36:/docs/api/Ext.layout.container.HBox.html?ds=sidebyside diff --git a/docs/api/Ext.layout.container.HBox.html b/docs/api/Ext.layout.container.HBox.html deleted file mode 100644 index 8f7b6b61..00000000 --- a/docs/api/Ext.layout.container.HBox.html +++ /dev/null @@ -1,216 +0,0 @@ -
Hierarchy
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. - -Example usage:
- -Ext.create('Ext.Panel', {
- width: 500,
- height: 300,
- title: "HBoxLayout Panel",
- layout: {
- type: 'hbox',
- align: 'stretch'
- },
- renderTo: document.body,
- items: [{
- xtype: 'panel',
- title: 'Inner Panel One',
- flex: 2
- },{
- xtype: 'panel',
- title: 'Inner Panel Two',
- flex: 1
- },{
- xtype: 'panel',
- title: 'Inner Panel Three',
- flex: 1
- }]
-});
-
-An optional extra CSS class that will be added to the container. This can be useful for adding -customized styles to the container or any of its children using standard CSS rules. See -Ext.Component.ctCls also.
- - - -Controls how the child items of the container are aligned. Acceptable configuration values for this -property are:
- -If truthy, child Component are animated into position whenever the Container -is layed out. If this option is numeric, it is used as the animation duration in milliseconds.
- - -May be set as a property at any time.
- -Flag to notify the ownerCt Component on afterLayout of a change
-Flag to notify the ownerCt Component on afterLayout of a change
-Flag to notify the ownerCt Container on afterLayout of a change
-Flag to notify the ownerCt Container on afterLayout of a change
-If the individual contained items do not have a margins -property specified or margin specified via CSS, the default margins from this property will be -applied to each item.
- - -This property may be specified as an object containing margins - - -
to apply in the format:
- -{
- top: (top margin),
- right: (right margin),
- bottom: (bottom margin),
- left: (left margin)
-}
-
-
-This property may also be specified as a string containing -space-separated, numeric margin values. The order of the sides associated -with each value matches the way CSS processes margin values:
- - -Defaults to:
- - -{top:0, right:0, bottom:0, left:0}
-
-
-This configuration 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).
-An optional extra CSS class that will be added to the container. This can be useful for adding -customized styles to the container or any of its children using standard CSS rules. See -Ext.Component.ctCls also.
- - - -Controls how the child items of the container are packed together. Acceptable configuration values -for this property are:
- -Sets the padding to be applied to all child items managed by this layout.
- - -This property must be specified as a string containing -space-separated, numeric padding values. The order of the sides associated -with each value matches the way CSS processes padding values:
- - -Defaults to: "0"
Returns an array of child components either for a render phase (Performed in the beforeLayout method of the layout's -base class), or the layout phase (onLayout).
- -of child components
-Returns the element into which rendering must take place. Defaults to the owner Container's Ext.AbstractComponent.targetEl.
- - -May be overridden in layout managers which implement an inner element.
-Returns the owner component's resize element.
-Returns the owner component's resize element.
-