/** * @class Ext.layout.container.HBox * @extends Ext.layout.container.Box *A layout that arranges items horizontally across a Container. This layout optionally divides available horizontal * space between child items containing a numeric
* This layout may also be used to set the heights of child items by configuring it with the {@link #align} option. */ Ext.define('Ext.layout.container.HBox', { /* Begin Definitions */ alias: ['layout.hbox'], extend: 'Ext.layout.container.Box', /* End Definitions */ /** * @cfg {String} align * Controls how the child items of the container are aligned. Acceptable configuration values for this * property are: *flex
configuration.*/ align: 'top', // top, middle, stretch, strechmax //@private alignCenteringString: 'middle', type : 'hbox', direction: 'horizontal', parallelPrefix: 'width', parallelPrefixCap: 'Width', parallelLT: 'l', parallelRB: 'r', parallelBefore: 'left', parallelAfter: 'right', perpendicularPrefix: 'height', perpendicularPrefixCap: 'Height', perpendicularLT: 't', perpendicularRB: 'b', perpendicularLeftTop: 'top', perpendicularRightBottom: 'bottom' });*
- top : Default
*child items are aligned vertically * at the top of the container- middle :
*child items are aligned vertically in the * middle of the container- stretch :
*child items are stretched vertically to fill * the height of the container- stretchmax :
*child items are stretched vertically to * the height of the largest item.