-});</code></pre></div></div></td><td class="msource"><a href="output/Ext.Component.html#labelStyle" ext:member="#labelStyle" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Container-layout"></a><b><a href="source/Container.html#cfg-Ext.Container-layout">layout</a></b> : String/Object<div class="mdesc"><div class="short">*Important: In order for child items to be correctly sized and
-positioned, typically a layout manager must be specifi...</div><div class="long"><p><b>*Important</b>: In order for child items to be correctly sized and
-positioned, typically a layout manager <b>must</b> be specified through
-the <code>layout</code> configuration option.</p>
-<br><p>The sizing and positioning of child <a href="output/items.html" ext:cls="items">items</a> is the responsibility of
-the Container's layout manager which creates and manages the type of layout
-you have in mind. For example:</p><pre><code><b>new</b> Ext.Window({
- width:300, height: 300,
- layout: <em>'fit'</em>, <i>// explicitly set layout manager: override the <b>default</b> (layout:<em>'auto'</em>)</i>
- items: [{
- title: <em>'Panel inside a Window'</em>
- }]
-}).show();</code></pre>
-<p>If the <a href="output/Ext.Container.html#Ext.Container-layout" ext:member="layout" ext:cls="Ext.Container">layout</a> configuration is not explicitly specified for
-a general purpose container (e.g. Container or Panel) the
-<a href="output/Ext.layout.ContainerLayout.html" ext:cls="Ext.layout.ContainerLayout">default layout manager</a> will be used
-which does nothing but render child components sequentially into the
-Container (no sizing or positioning will be performed in this situation).
-Some container classes implicitly specify a default layout
-(e.g. FormPanel specifies <code>layout:<em>'form'</em></code>). Other specific
-purpose classes internally specify/manage their internal layout (e.g.
-GridPanel, TabPanel, TreePanel, Toolbar, Menu, etc.).</p>
-<br><p><b><code>layout</code></b> may be specified as either as an Object or
-as a String:</p><div><ul class="mdetail-params">
-<li><u>Specify as an Object</u></li>
-<div><ul class="mdetail-params">
-<li>Example usage:</li>
-<pre><code>layout: {
- type: <em>'vbox'</em>,
- padding: <em>'5'</em>,
- align: <em>'left'</em>
-}</code></pre>
-<li><tt><b>type</b></tt></li>
-<br/><p>The layout type to be used for this container. If not specified,
-a default <a href="output/Ext.layout.ContainerLayout.html" ext:cls="Ext.layout.ContainerLayout">Ext.layout.ContainerLayout</a> will be created and used.</p>
-<br/><p>Valid layout <tt>type</tt> values are:</p>
-<div class="sub-desc"><ul class="mdetail-params">
-<li><tt><b><a href="output/Ext.layout.AbsoluteLayout.html" ext:cls="Ext.layout.AbsoluteLayout">absolute</a></b></tt></li>
-<li><tt><b><a href="output/Ext.layout.AccordionLayout.html" ext:cls="Ext.layout.AccordionLayout">accordion</a></b></tt></li>
-<li><tt><b><a href="output/Ext.layout.AnchorLayout.html" ext:cls="Ext.layout.AnchorLayout">anchor</a></b></tt></li>
-<li><tt><b><a href="output/Ext.layout.ContainerLayout.html" ext:cls="Ext.layout.ContainerLayout">auto</a></b></tt> <b>Default</b></li>
-<li><tt><b><a href="output/Ext.layout.BorderLayout.html" ext:cls="Ext.layout.BorderLayout">border</a></b></tt></li>
-<li><tt><b><a href="output/Ext.layout.CardLayout.html" ext:cls="Ext.layout.CardLayout">card</a></b></tt></li>
-<li><tt><b><a href="output/Ext.layout.ColumnLayout.html" ext:cls="Ext.layout.ColumnLayout">column</a></b></tt></li>
-<li><tt><b><a href="output/Ext.layout.FitLayout.html" ext:cls="Ext.layout.FitLayout">fit</a></b></tt></li>
-<li><tt><b><a href="output/Ext.layout.FormLayout.html" ext:cls="Ext.layout.FormLayout">form</a></b></tt></li>
-<li><tt><b><a href="output/Ext.layout.HBoxLayout.html" ext:cls="Ext.layout.HBoxLayout">hbox</a></b></tt></li>
-<li><tt><b><a href="output/Ext.layout.MenuLayout.html" ext:cls="Ext.layout.MenuLayout">menu</a></b></tt></li>
-<li><tt><b><a href="output/Ext.layout.TableLayout.html" ext:cls="Ext.layout.TableLayout">table</a></b></tt></li>
-<li><tt><b><a href="output/Ext.layout.ToolbarLayout.html" ext:cls="Ext.layout.ToolbarLayout">toolbar</a></b></tt></li>
-<li><tt><b><a href="output/Ext.layout.VBoxLayout.html" ext:cls="Ext.layout.VBoxLayout">vbox</a></b></tt></li>
-</ul></div>
-<li>Layout specific configuration properties</li>
-<br/><p>Additional layout specific configuration properties may also be
-specified. For complete details regarding the valid config options for
-each layout type, see the layout class corresponding to the <tt>type</tt>
-specified.</p>
-</ul></div>
-<li><u>Specify as a String</u></li>
-<div><ul class="mdetail-params">
-<li>Example usage:</li>
-<pre><code>layout: <em>'vbox'</em>,
-layoutConfig: {
- padding: <em>'5'</em>,
- align: <em>'left'</em>
-}</code></pre>
-<li><tt><b>layout</b></tt></li>
-<br/><p>The layout <tt>type</tt> to be used for this container (see list
-of valid layout type values above).</p><br/>
-<li><tt><b><a href="output/Ext.Container.html#Ext.Container-layoutConfig" ext:member="layoutConfig" ext:cls="Ext.Container">layoutConfig</a></b></tt></li>
-<br/><p>Additional layout specific configuration properties. For complete
-details regarding the valid config options for each layout type, see the
-layout class corresponding to the <tt>layout</tt> specified.</p>
-</ul></div></ul></div></div></div></td><td class="msource"><a href="output/Ext.Container.html#layout" ext:member="#layout" ext:cls="Ext.Container">Container</a></td></tr><tr class="config-row inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Container-layoutConfig"></a><b><a href="source/Container.html#cfg-Ext.Container-layoutConfig">layoutConfig</a></b> : Object<div class="mdesc">This is a config object containing properties specific to the chosen
-<b><code><a href="output/Ext.Container.html#Ext.Container-layout" ext:member="layout" ext:cls="Ext.Container">layout</a></code></b> if <b><code><a href="output/Ext.Container.html#Ext.Container-layout" ext:member="layout" ext:cls="Ext.Container">layout</a></code></b>
-has been specified as a <i>string</i>.</p></div></td><td class="msource"><a href="output/Ext.Container.html#layoutConfig" ext:member="#layoutConfig" ext:cls="Ext.Container">Container</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.util.Observable-listeners"></a><b><a href="source/Observable.html#cfg-Ext.util.Observable-listeners">listeners</a></b> : Object<div class="mdesc"><div class="short">A config object containing one or more event handlers to be added to this