/** * A layout that arranges items vertically down a Container. This layout optionally divides available vertical space * between child items containing a numeric `flex` configuration. * * This layout may also be used to set the widths of child items by configuring it with the {@link #align} option. * * @example * Ext.create('Ext.Panel', { * width: 500, * height: 400, * title: "VBoxLayout Panel", * layout: { * type: 'vbox', * }, * renderTo: document.body, * items: [{ * xtype: 'panel', * title: 'Inner Panel One', * width: 250, * flex: 2 * }, * { * xtype: 'panel', * title: 'Inner Panel Two', * width: 250, * flex: 4 * }, * { * xtype: 'panel', * title: 'Inner Panel Three', * width: '50%', * flex: 4 * }] * }); */Ext.define('Ext.layout.container.VBox', { extend: 'Ext.layout.container.Box', alias: 'layout.vbox', alternateClassName: 'Ext.layout.VBoxLayout', type: 'vbox', vertical: true});