Upgrade to ExtJS 4.0.0 - Released 04/26/2011
[extjs.git] / docs / source / AbstractFit.html
1 <!DOCTYPE html><html><head><title>Sencha Documentation Project</title><link rel="stylesheet" href="../reset.css" type="text/css"><link rel="stylesheet" href="../prettify.css" type="text/css"><link rel="stylesheet" href="../prettify_sa.css" type="text/css"><script type="text/javascript" src="../prettify.js"></script></head><body onload="prettyPrint()"><pre class="prettyprint"><pre><span id='Ext-layout.container.AbstractFit'>/**
2 </span> * @class Ext.layout.container.AbstractFit
3  * @extends Ext.layout.container.Container
4  * &lt;p&gt;This is a base class for layouts that contain &lt;b&gt;a single item&lt;/b&gt; that automatically expands to fill the layout's
5  * container.  This class is intended to be extended or created via the &lt;tt&gt;layout:'fit'&lt;/tt&gt; {@link Ext.container.Container#layout}
6  * config, and should generally not need to be created directly via the new keyword.&lt;/p&gt;
7  * &lt;p&gt;FitLayout does not have any direct config options (other than inherited ones).  To fit a panel to a container
8  * using FitLayout, simply set layout:'fit' on the container and add a single panel to it.  If the container has
9  * multiple panels, only the first one will be displayed.  Example usage:&lt;/p&gt;
10  * &lt;pre&gt;&lt;code&gt;
11 var p = new Ext.panel.Panel({
12     title: 'Fit Layout',
13     layout:'fit',
14     items: {
15         title: 'Inner Panel',
16         html: '&amp;lt;p&amp;gt;This is the inner panel content&amp;lt;/p&amp;gt;',
17         border: false
18     }
19 });
20 &lt;/code&gt;&lt;/pre&gt;
21  */
22 Ext.define('Ext.layout.container.AbstractFit', {
23
24     /* Begin Definitions */
25
26     extend: 'Ext.layout.container.Container',
27
28     /* End Definitions */
29
30     itemCls: Ext.baseCSSPrefix + 'fit-item',
31     targetCls: Ext.baseCSSPrefix + 'layout-fit',
32     type: 'fit'
33 });</pre></pre></body></html>