/** * 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 {@link #align} option. * * @example * 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 * }] * }); */Ext.define('Ext.layout.container.HBox', { extend: 'Ext.layout.container.Box', alias: 'layout.hbox', alternateClassName: 'Ext.layout.HBoxLayout', type: 'hbox', vertical: false});