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