/** * @class Ext.layout.container.VBox * @extends Ext.layout.container.Box *A layout that arranges items vertically down a Container. This layout optionally divides available vertical * space between child items containing a numeric
* This layout may also be used to set the widths of child items by configuring it with the {@link #align} option. */ Ext.define('Ext.layout.container.VBox', { /* Begin Definitions */ alias: ['layout.vbox'], 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 : 'left', // left, center, stretch, strechmax //@private alignCenteringString: 'center', type: 'vbox', direction: 'vertical', parallelPrefix: 'height', parallelPrefixCap: 'Height', parallelLT: 't', parallelRB: 'b', parallelBefore: 'top', parallelAfter: 'bottom', perpendicularPrefix: 'width', perpendicularPrefixCap: 'Width', perpendicularLT: 'l', perpendicularRB: 'r', perpendicularLeftTop: 'left', perpendicularRightBottom: 'right' });*
- left : Default
*child items are aligned horizontally * at the left side of the container- center :
*child items are aligned horizontally at the * mid-width of the container- stretch :
*child items are stretched horizontally to fill * the width of the container- stretchmax :
*child items are stretched horizontally to * the size of the largest item.