commit extjs-2.2.1
[extjs.git] / docs / output / Ext.layout.BorderLayout.SplitRegion.html
1         <div class="body-wrap">
2         <div class="top-tools">
3             <a class="inner-link" href="#Ext.layout.BorderLayout.SplitRegion-props"><img src="../resources/images/default/s.gif" class="item-icon icon-prop">Properties</a>
4             <a class="inner-link" href="#Ext.layout.BorderLayout.SplitRegion-methods"><img src="../resources/images/default/s.gif" class="item-icon icon-method">Methods</a>
5             <a class="inner-link" href="#Ext.layout.BorderLayout.SplitRegion-events"><img src="../resources/images/default/s.gif" class="item-icon icon-event">Events</a>
6                             <a class="inner-link" href="#Ext.layout.BorderLayout.SplitRegion-configs"><img src="../resources/images/default/s.gif" class="item-icon icon-config">Config Options</a>
7                         <a class="bookmark" href="../docs/?class=Ext.layout.BorderLayout.SplitRegion"><img src="../resources/images/default/s.gif" class="item-icon icon-fav">Direct Link</a>
8         </div>
9                 <div class="inheritance res-block">
10 <pre class="res-block-inner"><a ext:cls="Ext.layout.BorderLayout.Region" ext:member="" href="output/Ext.layout.BorderLayout.Region.html">BorderLayout.Region</a>
11   <img src="resources/elbow-end.gif"/>BorderLayout.SplitRegion</pre></div>
12                 <h1>Class Ext.layout.BorderLayout.SplitRegion</h1>
13         <table cellspacing="0">
14             <tr><td class="label">Package:</td><td class="hd-info">Ext.layout</td></tr>
15             <tr><td class="label">Defined In:</td><td class="hd-info"><a href="../src/BorderLayout.js" target="_blank">BorderLayout.js</a></td></tr>
16             <tr><td class="label">Class:</td><td class="hd-info">BorderLayout.SplitRegion</td></tr>
17                                     <tr><td class="label">Extends:</td><td class="hd-info"><a ext:cls="Ext.layout.BorderLayout.Region" ext:member="" href="output/Ext.layout.BorderLayout.Region.html">BorderLayout.Region</a></td></tr>
18                     </table>
19         <div class="description">
20             This is a specialized type of BorderLayout region that has a built-in <a ext:cls="Ext.SplitBar" href="output/Ext.SplitBar.html">Ext.SplitBar</a> for user resizing of regions.        </div>
21         
22         <div class="hr"></div>
23                 <a id="Ext.layout.BorderLayout.SplitRegion-configs"></a>
24         <h2>Config Options</h2>
25         <table cellspacing="0" class="member-table">
26             <tr>
27                 <th class="sig-header" colspan="2">Config Options</th>
28                 <th class="msource-header">Defined By</th>
29             </tr>
30                 <tr class="config-row inherited expandable">\r
31         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
32         <td class="sig">\r
33         <a id="Ext.layout.BorderLayout.SplitRegion-animFloat"></a>\r
34             <b>animFloat</b> : Boolean            <div class="mdesc">\r
35                         <div class="short">When a collapsed region's bar is clicked, the region's panel will be displayed as a floated panel that will close aga...</div>\r
36             <div class="long">\r
37                 When a collapsed region's bar is clicked, the region's panel will be displayed as a floated panel that will close again once the user mouses out of that panel (or clicks out if autoHide = false). Setting animFloat to false will prevent the open and close of these floated panels from being animated (defaults to true).            </div>\r
38                         </div>\r
39         </td>\r
40         <td class="msource"><a ext:cls="Ext.layout.BorderLayout.Region" ext:member="#animFloat" href="output/Ext.layout.BorderLayout.Region.html#animFloat">BorderLayout.Region</a></td>\r
41     </tr>\r
42         <tr class="config-row inherited alt expandable">\r
43         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
44         <td class="sig">\r
45         <a id="Ext.layout.BorderLayout.SplitRegion-autoHide"></a>\r
46             <b>autoHide</b> : Boolean            <div class="mdesc">\r
47                         <div class="short">When a collapsed region's bar is clicked, the region's panel will be displayed as a floated panel. If autoHide is tru...</div>\r
48             <div class="long">\r
49                 When a collapsed region's bar is clicked, the region's panel will be displayed as a floated panel. If autoHide is true, the panel will automatically hide after the user mouses out of the panel. If autoHide is false, the panel will continue to display until the user clicks outside of the panel (defaults to true).            </div>\r
50                         </div>\r
51         </td>\r
52         <td class="msource"><a ext:cls="Ext.layout.BorderLayout.Region" ext:member="#autoHide" href="output/Ext.layout.BorderLayout.Region.html#autoHide">BorderLayout.Region</a></td>\r
53     </tr>\r
54         <tr class="config-row inherited expandable">\r
55         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
56         <td class="sig">\r
57         <a id="Ext.layout.BorderLayout.SplitRegion-cmargins"></a>\r
58             <b>cmargins</b> : Object            <div class="mdesc">\r
59                         <div class="short">An object containing margins to apply to the region when in the collapsed state in the format:{
60     top: (top margin)...</div>\r
61             <div class="long">\r
62                 An object containing margins to apply to the region when in the collapsed state in the format:<pre><code>{
63     top: (top margin),
64     right: (right margin),
65     bottom: (bottom margin)
66     left: (left margin),
67 }</code></pre> <p>May also be a string containing space-separated, numeric margin values. The order of the sides associated with each value matches the way CSS processes margin values.</p> <p><ul> <li>If there is only one value, it applies to all sides.</li> <li>If there are two values, the top and bottom borders are set to the first value and the right and left are set to the second.</li> <li>If there are three values, the top is set to the first value, the left and right are set to the second, and the bottom is set to the third.</li> <li>If there are four values, they apply to the top, right, bottom, and left, respectively.</li> </ul></p>            </div>\r
68                         </div>\r
69         </td>\r
70         <td class="msource"><a ext:cls="Ext.layout.BorderLayout.Region" ext:member="#cmargins" href="output/Ext.layout.BorderLayout.Region.html#cmargins">BorderLayout.Region</a></td>\r
71     </tr>\r
72         <tr class="config-row inherited alt expandable">\r
73         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
74         <td class="sig">\r
75         <a id="Ext.layout.BorderLayout.SplitRegion-collapseMode"></a>\r
76             <b>collapseMode</b> : String            <div class="mdesc">\r
77                         <div class="short">By default, collapsible regions are collapsed by clicking the expand/collapse tool button that renders into the regio...</div>\r
78             <div class="long">\r
79                 By default, collapsible regions are collapsed by clicking the expand/collapse tool button that renders into the region's title bar. Optionally, when collapseMode is set to 'mini' the region's split bar will also display a small collapse button in the center of the bar. In 'mini' mode the region will collapse to a thinner bar than in normal mode. By default collapseMode is undefined, and the only two supported values are undefined and 'mini'. Note that if a collapsible region does not have a title bar, then collapseMode must be set to 'mini' in order for the region to be collapsible by the user as the tool button will not be rendered.            </div>\r
80                         </div>\r
81         </td>\r
82         <td class="msource"><a ext:cls="Ext.layout.BorderLayout.Region" ext:member="#collapseMode" href="output/Ext.layout.BorderLayout.Region.html#collapseMode">BorderLayout.Region</a></td>\r
83     </tr>\r
84         <tr class="config-row inherited expandable">\r
85         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
86         <td class="sig">\r
87         <a id="Ext.layout.BorderLayout.SplitRegion-collapsed"></a>\r
88             <b>collapsed</b> : Boolean            <div class="mdesc">\r
89                         <div class="short">By default, collapsible regions will be visible when rendered. Set the collapsed config to true to render the region ...</div>\r
90             <div class="long">\r
91                 By default, collapsible regions will be visible when rendered. Set the collapsed config to true to render the region as collapsed.            </div>\r
92                         </div>\r
93         </td>\r
94         <td class="msource"><a ext:cls="Ext.layout.BorderLayout.Region" ext:member="#collapsed" href="output/Ext.layout.BorderLayout.Region.html#collapsed">BorderLayout.Region</a></td>\r
95     </tr>\r
96         <tr class="config-row inherited alt expandable">\r
97         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
98         <td class="sig">\r
99         <a id="Ext.layout.BorderLayout.SplitRegion-collapsible"></a>\r
100             <b>collapsible</b> : Boolean            <div class="mdesc">\r
101                         <div class="short">True to allow the user to collapse this region (defaults to false). If true, an expand/collapse tool button will auto...</div>\r
102             <div class="long">\r
103                 True to allow the user to collapse this region (defaults to false). If true, an expand/collapse tool button will automatically be rendered into the title bar of the region, otherwise the button will not be shown. Note that a title bar is required to display the toggle button -- if no region title is specified, the region will only be collapsible if <a ext:cls="Ext.layout.BorderLayout.Region" ext:member="collapseMode" href="output/Ext.layout.BorderLayout.Region.html#collapseMode">collapseMode</a> is set to 'mini'.            </div>\r
104                         </div>\r
105         </td>\r
106         <td class="msource"><a ext:cls="Ext.layout.BorderLayout.Region" ext:member="#collapsible" href="output/Ext.layout.BorderLayout.Region.html#collapsible">BorderLayout.Region</a></td>\r
107     </tr>\r
108         <tr class="config-row expandable">\r
109         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
110         <td class="sig">\r
111         <a id="Ext.layout.BorderLayout.SplitRegion-collapsibleSplitTip"></a>\r
112             <b>collapsibleSplitTip</b> : String            <div class="mdesc">\r
113                         <div class="short">The tooltip to display when the user hovers over a collapsible region's split bar (defaults to "Drag to resize. Doubl...</div>\r
114             <div class="long">\r
115                 The tooltip to display when the user hovers over a collapsible region's split bar (defaults to "Drag to resize. Double click to hide."). Only applies if <a ext:cls="Ext.layout.BorderLayout.SplitRegion" ext:member="useSplitTips" href="output/Ext.layout.BorderLayout.SplitRegion.html#useSplitTips">useSplitTips</a> = true.            </div>\r
116                         </div>\r
117         </td>\r
118         <td class="msource">BorderLayout.SplitRegion</td>\r
119     </tr>\r
120         <tr class="config-row inherited alt expandable">\r
121         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
122         <td class="sig">\r
123         <a id="Ext.layout.BorderLayout.SplitRegion-floatable"></a>\r
124             <b>floatable</b> : Boolean            <div class="mdesc">\r
125                         <div class="short">True to allow clicking a collapsed region's bar to display the region's panel floated above the layout, false to forc...</div>\r
126             <div class="long">\r
127                 True to allow clicking a collapsed region's bar to display the region's panel floated above the layout, false to force the user to fully expand a collapsed region by clicking the expand button to see it again (defaults to true).            </div>\r
128                         </div>\r
129         </td>\r
130         <td class="msource"><a ext:cls="Ext.layout.BorderLayout.Region" ext:member="#floatable" href="output/Ext.layout.BorderLayout.Region.html#floatable">BorderLayout.Region</a></td>\r
131     </tr>\r
132         <tr class="config-row inherited expandable">\r
133         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
134         <td class="sig">\r
135         <a id="Ext.layout.BorderLayout.SplitRegion-margins"></a>\r
136             <b>margins</b> : Object            <div class="mdesc">\r
137                         <div class="short">An object containing margins to apply to the region when in the expanded state in the format:{
138     top: (top margin),...</div>\r
139             <div class="long">\r
140                 An object containing margins to apply to the region when in the expanded state in the format:<pre><code>{
141     top: (top margin),
142     right: (right margin),
143     bottom: (bottom margin)
144     left: (left margin),
145 }</code></pre> <p>May also be a string containing space-separated, numeric margin values. The order of the sides associated with each value matches the way CSS processes margin values:</p> <p><ul> <li>If there is only one value, it applies to all sides.</li> <li>If there are two values, the top and bottom borders are set to the first value and the right and left are set to the second.</li> <li>If there are three values, the top is set to the first value, the left and right are set to the second, and the bottom is set to the third.</li> <li>If there are four values, they apply to the top, right, bottom, and left, respectively.</li> </ul></p>            </div>\r
146                         </div>\r
147         </td>\r
148         <td class="msource"><a ext:cls="Ext.layout.BorderLayout.Region" ext:member="#margins" href="output/Ext.layout.BorderLayout.Region.html#margins">BorderLayout.Region</a></td>\r
149     </tr>\r
150         <tr class="config-row inherited alt">\r
151         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
152         <td class="sig">\r
153         <a id="Ext.layout.BorderLayout.SplitRegion-minHeight"></a>\r
154             <b>minHeight</b> : Number            <div class="mdesc">\r
155                             The minimum allowable height in pixels for this region (defaults to 50)                        </div>\r
156         </td>\r
157         <td class="msource"><a ext:cls="Ext.layout.BorderLayout.Region" ext:member="#minHeight" href="output/Ext.layout.BorderLayout.Region.html#minHeight">BorderLayout.Region</a></td>\r
158     </tr>\r
159         <tr class="config-row inherited">\r
160         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
161         <td class="sig">\r
162         <a id="Ext.layout.BorderLayout.SplitRegion-minWidth"></a>\r
163             <b>minWidth</b> : Number            <div class="mdesc">\r
164                             The minimum allowable width in pixels for this region (defaults to 50)                        </div>\r
165         </td>\r
166         <td class="msource"><a ext:cls="Ext.layout.BorderLayout.Region" ext:member="#minWidth" href="output/Ext.layout.BorderLayout.Region.html#minWidth">BorderLayout.Region</a></td>\r
167     </tr>\r
168         <tr class="config-row inherited alt expandable">\r
169         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
170         <td class="sig">\r
171         <a id="Ext.layout.BorderLayout.SplitRegion-split"></a>\r
172             <b>split</b> : Boolean            <div class="mdesc">\r
173                         <div class="short">True to display a Ext.SplitBar between this region and its neighbor, allowing the user to resize the regions dynamica...</div>\r
174             <div class="long">\r
175                 True to display a <a ext:cls="Ext.SplitBar" href="output/Ext.SplitBar.html">Ext.SplitBar</a> between this region and its neighbor, allowing the user to resize the regions dynamically (defaults to false). When split == true, it is common to specify a minSize and maxSize for the BoxComponent representing the region. These are not native configs of BoxComponent, and are used only by this class.            </div>\r
176                         </div>\r
177         </td>\r
178         <td class="msource"><a ext:cls="Ext.layout.BorderLayout.Region" ext:member="#split" href="output/Ext.layout.BorderLayout.Region.html#split">BorderLayout.Region</a></td>\r
179     </tr>\r
180         <tr class="config-row expandable">\r
181         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
182         <td class="sig">\r
183         <a id="Ext.layout.BorderLayout.SplitRegion-splitTip"></a>\r
184             <b>splitTip</b> : String            <div class="mdesc">\r
185                         <div class="short">The tooltip to display when the user hovers over a non-collapsible region's split bar (defaults to "Drag to resize.")...</div>\r
186             <div class="long">\r
187                 The tooltip to display when the user hovers over a non-collapsible region's split bar (defaults to "Drag to resize."). Only applies if <a ext:cls="Ext.layout.BorderLayout.SplitRegion" ext:member="useSplitTips" href="output/Ext.layout.BorderLayout.SplitRegion.html#useSplitTips">useSplitTips</a> = true.            </div>\r
188                         </div>\r
189         </td>\r
190         <td class="msource">BorderLayout.SplitRegion</td>\r
191     </tr>\r
192         <tr class="config-row alt expandable">\r
193         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
194         <td class="sig">\r
195         <a id="Ext.layout.BorderLayout.SplitRegion-useSplitTips"></a>\r
196             <b>useSplitTips</b> : Boolean            <div class="mdesc">\r
197                         <div class="short">True to display a tooltip when the user hovers over a region's split bar (defaults to false). The tooltip text will b...</div>\r
198             <div class="long">\r
199                 True to display a tooltip when the user hovers over a region's split bar (defaults to false). The tooltip text will be the value of either <a ext:cls="Ext.layout.BorderLayout.SplitRegion" ext:member="splitTip" href="output/Ext.layout.BorderLayout.SplitRegion.html#splitTip">splitTip</a> or <a ext:cls="Ext.layout.BorderLayout.SplitRegion" ext:member="collapsibleSplitTip" href="output/Ext.layout.BorderLayout.SplitRegion.html#collapsibleSplitTip">collapsibleSplitTip</a> as appropriate.            </div>\r
200                         </div>\r
201         </td>\r
202         <td class="msource">BorderLayout.SplitRegion</td>\r
203     </tr>\r
204             </table>
205                 <a id="Ext.layout.BorderLayout.SplitRegion-props"></a>
206         <h2>Public Properties</h2>
207                 <table cellspacing="0" class="member-table">
208             <tr>
209                 <th class="sig-header" colspan="2">Property</th>
210                 <th class="msource-header">Defined By</th>
211             </tr>
212                 <tr class="property-row inherited">\r
213         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
214         <td class="sig">\r
215         <a id="Ext.layout.BorderLayout.SplitRegion-isCollapsed"></a>\r
216             <b>isCollapsed</b> : Boolean            <div class="mdesc">\r
217                             True if this region is collapsed. Read-only.                        </div>\r
218         </td>\r
219         <td class="msource"><a ext:cls="Ext.layout.BorderLayout.Region" ext:member="#isCollapsed" href="output/Ext.layout.BorderLayout.Region.html#isCollapsed">BorderLayout.Region</a></td>\r
220     </tr>\r
221         <tr class="property-row inherited alt">\r
222         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
223         <td class="sig">\r
224         <a id="Ext.layout.BorderLayout.SplitRegion-layout"></a>\r
225             <b>layout</b> : Layout            <div class="mdesc">\r
226                             
227 This region's layout.  Read-only.                        </div>\r
228         </td>\r
229         <td class="msource"><a ext:cls="Ext.layout.BorderLayout.Region" ext:member="#layout" href="output/Ext.layout.BorderLayout.Region.html#layout">BorderLayout.Region</a></td>\r
230     </tr>\r
231         <tr class="property-row inherited">\r
232         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
233         <td class="sig">\r
234         <a id="Ext.layout.BorderLayout.SplitRegion-panel"></a>\r
235             <b>panel</b> : Ext.Panel            <div class="mdesc">\r
236                             This region's panel.  Read-only.                        </div>\r
237         </td>\r
238         <td class="msource"><a ext:cls="Ext.layout.BorderLayout.Region" ext:member="#panel" href="output/Ext.layout.BorderLayout.Region.html#panel">BorderLayout.Region</a></td>\r
239     </tr>\r
240         <tr class="property-row inherited alt">\r
241         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
242         <td class="sig">\r
243         <a id="Ext.layout.BorderLayout.SplitRegion-position"></a>\r
244             <b>position</b> : String            <div class="mdesc">\r
245                             
246 This region's layout position (north, south, east, west or center).  Read-only.                        </div>\r
247         </td>\r
248         <td class="msource"><a ext:cls="Ext.layout.BorderLayout.Region" ext:member="#position" href="output/Ext.layout.BorderLayout.Region.html#position">BorderLayout.Region</a></td>\r
249     </tr>\r
250             </table>
251                 <a id="Ext.layout.BorderLayout.SplitRegion-methods"></a>
252         <h2>Public Methods</h2>
253                 <table cellspacing="0" class="member-table">
254             <tr>
255                 <th class="sig-header" colspan="2">Method</th>
256                 <th class="msource-header">Defined By</th>
257             </tr>
258                 <tr class="method-row expandable">\r
259         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
260         <td class="sig">\r
261         <a id="Ext.layout.BorderLayout.SplitRegion-BorderLayout.SplitRegion"></a>\r
262             <b>BorderLayout.SplitRegion</b>(&nbsp;<code>Layout layout</code>, <code>Object config</code>, <code>String position</code>&nbsp;)            <div class="mdesc">\r
263                         <div class="short">Create a new SplitRegion.</div>\r
264             <div class="long">\r
265                 Create a new SplitRegion.    <div class="mdetail-params">\r
266         <strong>Parameters:</strong>\r
267         <ul><li><code>layout</code> : Layout<div class="sub-desc">Any valid Ext layout class</div></li><li><code>config</code> : Object<div class="sub-desc">The configuration options</div></li><li><code>position</code> : String<div class="sub-desc">The region position. Valid values are: north, south, east, west and center. Every
268 BorderLayout must have a center region for the primary content -- all other regions are optional.</div></li>        </ul>\r
269         <strong>Returns:</strong>\r
270         <ul>\r
271             <li><code></code></li>\r
272         </ul>\r
273     </div>\r
274                 </div>\r
275                         </div>\r
276         </td>\r
277         <td class="msource">BorderLayout.SplitRegion</td>\r
278     </tr>\r
279         <tr class="method-row inherited alt expandable">\r
280         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
281         <td class="sig">\r
282         <a id="Ext.layout.BorderLayout.SplitRegion-getMargins"></a>\r
283             <b>getMargins</b>() : Object            <div class="mdesc">\r
284                         <div class="short">Returns the current margins for this region.  If the region is collapsed, the cmargins (collapsed
285 margins) value will...</div>\r
286             <div class="long">\r
287                 Returns the current margins for this region.  If the region is collapsed, the cmargins (collapsed
288 margins) value will be returned, otherwise the margins value will be returned.    <div class="mdetail-params">\r
289         <strong>Parameters:</strong>\r
290         <ul><li>None.</li>        </ul>\r
291         <strong>Returns:</strong>\r
292         <ul>\r
293             <li><code>Object</code><div class="sub-desc">An object containing the element's margins: {left: (left margin), top: (top margin), right: (right margin), bottom: (bottom margin)}</div></li>\r
294         </ul>\r
295     </div>\r
296                 </div>\r
297                         </div>\r
298         </td>\r
299         <td class="msource"><a ext:cls="Ext.layout.BorderLayout.Region" ext:member="#getMargins" href="output/Ext.layout.BorderLayout.Region.html#getMargins">BorderLayout.Region</a></td>\r
300     </tr>\r
301         <tr class="method-row inherited expandable">\r
302         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
303         <td class="sig">\r
304         <a id="Ext.layout.BorderLayout.SplitRegion-getMinHeight"></a>\r
305             <b>getMinHeight</b>() : Number            <div class="mdesc">\r
306                         <div class="short">Returns the minimum allowable height for this region.</div>\r
307             <div class="long">\r
308                 Returns the minimum allowable height for this region.    <div class="mdetail-params">\r
309         <strong>Parameters:</strong>\r
310         <ul><li>None.</li>        </ul>\r
311         <strong>Returns:</strong>\r
312         <ul>\r
313             <li><code>Number</code><div class="sub-desc">The minimum height</div></li>\r
314         </ul>\r
315     </div>\r
316                 </div>\r
317                         </div>\r
318         </td>\r
319         <td class="msource"><a ext:cls="Ext.layout.BorderLayout.Region" ext:member="#getMinHeight" href="output/Ext.layout.BorderLayout.Region.html#getMinHeight">BorderLayout.Region</a></td>\r
320     </tr>\r
321         <tr class="method-row inherited alt expandable">\r
322         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
323         <td class="sig">\r
324         <a id="Ext.layout.BorderLayout.SplitRegion-getMinWidth"></a>\r
325             <b>getMinWidth</b>() : Number            <div class="mdesc">\r
326                         <div class="short">Returns the minimum allowable width for this region.</div>\r
327             <div class="long">\r
328                 Returns the minimum allowable width for this region.    <div class="mdetail-params">\r
329         <strong>Parameters:</strong>\r
330         <ul><li>None.</li>        </ul>\r
331         <strong>Returns:</strong>\r
332         <ul>\r
333             <li><code>Number</code><div class="sub-desc">The minimum width</div></li>\r
334         </ul>\r
335     </div>\r
336                 </div>\r
337                         </div>\r
338         </td>\r
339         <td class="msource"><a ext:cls="Ext.layout.BorderLayout.Region" ext:member="#getMinWidth" href="output/Ext.layout.BorderLayout.Region.html#getMinWidth">BorderLayout.Region</a></td>\r
340     </tr>\r
341         <tr class="method-row inherited expandable">\r
342         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
343         <td class="sig">\r
344         <a id="Ext.layout.BorderLayout.SplitRegion-getSize"></a>\r
345             <b>getSize</b>() : Object            <div class="mdesc">\r
346                         <div class="short">Returns the current size of this region.  If the region is collapsed, the size of the collapsedEl will
347 be returned, o...</div>\r
348             <div class="long">\r
349                 Returns the current size of this region.  If the region is collapsed, the size of the collapsedEl will
350 be returned, otherwise the size of the region's panel will be returned.    <div class="mdetail-params">\r
351         <strong>Parameters:</strong>\r
352         <ul><li>None.</li>        </ul>\r
353         <strong>Returns:</strong>\r
354         <ul>\r
355             <li><code>Object</code><div class="sub-desc">An object containing the element's size: {width: (element width), height: (element height)}</div></li>\r
356         </ul>\r
357     </div>\r
358                 </div>\r
359                         </div>\r
360         </td>\r
361         <td class="msource"><a ext:cls="Ext.layout.BorderLayout.Region" ext:member="#getSize" href="output/Ext.layout.BorderLayout.Region.html#getSize">BorderLayout.Region</a></td>\r
362     </tr>\r
363         <tr class="method-row alt expandable">\r
364         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
365         <td class="sig">\r
366         <a id="Ext.layout.BorderLayout.SplitRegion-getSplitBar"></a>\r
367             <b>getSplitBar</b>() : Ext.SplitBar            <div class="mdesc">\r
368                         <div class="short">Returns a reference to the split bar in use by this region.</div>\r
369             <div class="long">\r
370                 Returns a reference to the split bar in use by this region.    <div class="mdetail-params">\r
371         <strong>Parameters:</strong>\r
372         <ul><li>None.</li>        </ul>\r
373         <strong>Returns:</strong>\r
374         <ul>\r
375             <li><code>Ext.SplitBar</code><div class="sub-desc">The split bar</div></li>\r
376         </ul>\r
377     </div>\r
378                 </div>\r
379                         </div>\r
380         </td>\r
381         <td class="msource">BorderLayout.SplitRegion</td>\r
382     </tr>\r
383         <tr class="method-row inherited expandable">\r
384         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
385         <td class="sig">\r
386         <a id="Ext.layout.BorderLayout.SplitRegion-isVisible"></a>\r
387             <b>isVisible</b>() : Boolean            <div class="mdesc">\r
388                         <div class="short">True if this region is currently visible, else false.</div>\r
389             <div class="long">\r
390                 True if this region is currently visible, else false.    <div class="mdetail-params">\r
391         <strong>Parameters:</strong>\r
392         <ul><li>None.</li>        </ul>\r
393         <strong>Returns:</strong>\r
394         <ul>\r
395             <li><code>Boolean</code></li>\r
396         </ul>\r
397     </div>\r
398                 </div>\r
399                         </div>\r
400         </td>\r
401         <td class="msource"><a ext:cls="Ext.layout.BorderLayout.Region" ext:member="#isVisible" href="output/Ext.layout.BorderLayout.Region.html#isVisible">BorderLayout.Region</a></td>\r
402     </tr>\r
403         <tr class="method-row inherited alt expandable">\r
404         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
405         <td class="sig">\r
406         <a id="Ext.layout.BorderLayout.SplitRegion-setPanel"></a>\r
407             <b>setPanel</b>(&nbsp;<code>Ext.Panel panel</code>&nbsp;) : void            <div class="mdesc">\r
408                         <div class="short">Sets the specified panel as the container element for this region.</div>\r
409             <div class="long">\r
410                 Sets the specified panel as the container element for this region.    <div class="mdetail-params">\r
411         <strong>Parameters:</strong>\r
412         <ul><li><code>panel</code> : Ext.Panel<div class="sub-desc">The new panel</div></li>        </ul>\r
413         <strong>Returns:</strong>\r
414         <ul>\r
415             <li><code>void</code></li>\r
416         </ul>\r
417     </div>\r
418                 </div>\r
419                         </div>\r
420         </td>\r
421         <td class="msource"><a ext:cls="Ext.layout.BorderLayout.Region" ext:member="#setPanel" href="output/Ext.layout.BorderLayout.Region.html#setPanel">BorderLayout.Region</a></td>\r
422     </tr>\r
423             </table>
424                 <a id="Ext.layout.BorderLayout.SplitRegion-events"></a>
425         <h2>Public Events</h2>
426         <div class="no-members">This class has no public events.</div>
427         </div>