--- /dev/null
+<!DOCTYPE html><html><head><title>Ext.Layer | Ext JS 4.0 Documentation</title><script type="text/javascript" src="../ext-all.js"></script><link rel="stylesheet" href="../reset.css" type="text/css"><link rel="stylesheet" href="../scrollbars.css" type="text/css"><link rel="stylesheet" href="../docs.css" type="text/css"><link id="styleCss" rel="stylesheet" href="../style.css" type="text/css"><script type="text/javascript" src="../prettify.js"></script><link rel="stylesheet" href="../prettify.css" type="text/css"><!-- link(rel: 'stylesheet', href: req.baseURL + '/css/ext4.css', type: 'text/css')--><link rel="shortcut icon" type="image/ico" href="../favicon.ico"><!--[if IE]>
+<style type="text/css">.head-band { display: none; }
+.header { border: 0; top: 0; left: 0px; background: url(../header.gif) repeat-x; }
+.doc-tab .members .member a.more { background-color: #efefef; }
+</style><link rel="stylesheet" href="/new/css/ie.css" type="text/css"><![endif]-->
+</head><body id="ext-body" class="iScroll"><div id="notice" class="notice">For up to date documentation and features, visit
+<a href="http://docs.sencha.com/ext-js/4-0">http://docs.sencha.com/ext-js/4-0</a></div><div class="wrapper"><div class="head-band"></div><div class="header"><h2><a href="../index.html">Sencha Documentation</a></h2></div><div id="search"><form><input type="text" placeholder="Search" id="search-field" autocomplete="off" name="q"></form><div id="search-box"></div></div><div id="treePanel"></div><div id="container"><script type="text/javascript">
+
+ req = {
+ liveURL: '.',
+ standAloneMode: true,
+ origDocClass: 'Ext.Layer',
+ docClass: 'Ext.Layer',
+ docReq: 'Ext.Layer',
+ version: '4.0',
+ baseURL: '.',
+ baseDocURL: '.',
+ baseProdURL: '.'
+ };
+
+ clsInfo = {};
+
+
+
+</script>
+
+<script type="text/javascript" src="../search.js"></script>
+<!--script type="text/javascript" src="/new/javascripts/app/examples.js"></script-->
+<script type="text/javascript" src="../class_tree.js"></script>
+<script type="text/javascript" src="../class_doc.js"></script>
+<script type="text/javascript">
+ req.source = 'Layer.html#Ext-Layer';
+ clsInfo = {"methods":["Layer","addCls","addClsOnClick","addClsOnFocus","addClsOnOver","addKeyListener","addKeyMap","addListener","adjustWidth","alignTo","anchorTo","appendChild","appendTo","applyStyles","blur","boxWrap","center","child","clean","clearListeners","clearOpacity","clearPositioning","clip","contains","createChild","createProxy","createShim","destroy","down","enableDisplayMode","fadeIn","fadeOut","findParent","findParentNode","first","fly","focus","frame","fromPoint","get","getAlignToXY","getAnchorXY","getAttributeNS","getBorderWidth","getBottom","getBox","getCenterXY","getColor","getComputedHeight","getComputedWidth","getConstrainVector","getDocumentHeight","getDocumentWidth","getFrameWidth","getHeight","getLeft","getLoader","getMargin","getOffsetsTo","getOrientation","getPadding","getPageBox","getPositioning","getRegion","getRight","getScroll","getSize","getStyle","getStyleSize","getStyles","getTextWidth","getTop","getValue","getViewRegion","getViewSize","getViewportHeight","getViewportWidth","getWidth","getX","getXY","getY","ghost","hide","highlight","hover","initDD","initDDProxy","initDDTarget","insertAfter","insertBefore","insertFirst","insertHtml","insertSibling","is","isBorderBox","isDisplayed","isMasked","isScrollable","isVisible","last","load","mask","monitorMouseLeave","move","moveTo","next","normalize","on","parent","parseBox","parseStyles","pause","position","prev","puff","purgeAllListeners","query","radioCls","relayEvent","remove","removeAllListeners","removeAnchor","removeCls","removeListener","repaint","replace","replaceCls","replaceWith","scale","scroll","scrollIntoView","scrollTo","select","serializeForm","set","setBottom","setBounds","setBox","setDisplayed","setHeight","setLeft","setLeftTop","setLocation","setOpacity","setPositioning","setRegion","setRight","setSize","setStyle","setTop","setVisibilityMode","setVisible","setWidth","setX","setXY","setY","setZIndex","shift","show","slideIn","slideOut","swallowEvent","switchOff","toggle","translatePoints","un","unclip","unitizeBox","unmask","unselectable","up","update","wrap"],"cfgs":["cls","constrain","dh","hideMode","shadow","shadowOffset","shim","useDisplay","visibilityCls","zindex"],"properties":["DISPLAY","OFFSETS","VISIBILITY","autoBoxAdjust","defaultUnit","dom","getAttribute","hasCls","id","originalDisplay","toggleCls","visibilityCls"],"events":["DOMActivate","DOMAttrModified","DOMCharacterDataModified","DOMFocusIn","DOMFocusOut","DOMNodeInserted","DOMNodeInsertedIntoDocument","DOMNodeRemoved","DOMNodeRemovedFromDocument","DOMSubtreeModified","abort","blur","change","click","contextmenu","dblclick","error","focus","keydown","keypress","keyup","load","mousedown","mouseenter","mouseleave","mousemove","mouseout","mouseover","mouseup","reset","resize","scroll","select","submit","unload"],"subclasses":[]};
+ Ext.onReady(function() {
+ Ext.create('Docs.classPanel');
+ });
+</script><div id="top-block" class="top-block"><h1 id="clsTitle" class="cls"><a href="../source/Layer.html#Ext-Layer" target="_blank">Ext.Layer</a></h1></div><div id="docContent"><div id="doc-overview-content"><div class="lft"><pre class="subclasses"><h4>Hierarchy</h4><div class="subclass f"><a href="Ext.core.Element.html" rel="Ext.core.Element" class="cls docClass">Ext.core.Element</a><div class="subclass"><strong>Ext.Layer</strong></div></div></pre><p>An extended <a href="Ext.core.Element.html" rel="Ext.core.Element" class="docClass">Ext.core.Element</a> object that supports a shadow and shim, constrain to viewport and
+automatic maintaining of shadow/shim positions.</p>
+<div class="members"><div class="m-cfgs"><div class="definedBy">Defined By</div><a name="configs"></a><h3 class="cfg p">Config Options</h3><h4 class="cfgGroup">CSS Class configs</h4><div id="config-cls" class="member f ni"><a href="Ext.Layer.html#config-cls" rel="config-cls" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.Layer.html" class="definedIn docClass">Ext.Layer</a><br/><a href="../source/Layer.html#Ext-Layer-cfg-cls" class="viewSource">view source</a></div><a name="cls"></a><a name="config-cls"></a><a href="Ext.Layer.html#" rel="config-cls" class="cls expand">cls</a><span> : String</span></div><div class="description"><div class="short"><p>CSS class to add to the element</p>
+</div><div class="long"><p>CSS class to add to the element</p>
+</div></div></div><div id="config-visibilityCls" class="member ni"><a href="Ext.Layer.html#config-visibilityCls" rel="config-visibilityCls" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.Layer.html" class="definedIn docClass">Ext.Layer</a><br/><a href="../source/Layer.html#Ext-Layer-cfg-visibilityCls" class="viewSource">view source</a></div><a name="visibilityCls"></a><a name="config-visibilityCls"></a><a href="Ext.Layer.html#" rel="config-visibilityCls" class="cls expand">visibilityCls</a><span> : String</span></div><div class="description"><div class="short"><p>The CSS class name to add in order to hide this Layer if this layer
+is configured with <code><a href="Ext.Layer.html#hideMode" rel="Ext.Layer#hideMode" class="docClass">hideMode</a>: 'asclass'</code></p>
+</div><div class="long"><p>The CSS class name to add in order to hide this Layer if this layer
+is configured with <code><a href="Ext.Layer.html#hideMode" rel="Ext.Layer#hideMode" class="docClass">hideMode</a>: 'asclass'</code></p>
+</div></div></div><h4 class="cfgGroup">Other Configs</h4><div id="config-cls" class="member f ni"><a href="Ext.Layer.html#config-cls" rel="config-cls" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.Layer.html" class="definedIn docClass">Ext.Layer</a><br/><a href="../source/Layer.html#Ext-Layer-cfg-cls" class="viewSource">view source</a></div><a name="cls"></a><a name="config-cls"></a><a href="Ext.Layer.html#" rel="config-cls" class="cls expand">cls</a><span> : String</span></div><div class="description"><div class="short"><p>CSS class to add to the element</p>
+</div><div class="long"><p>CSS class to add to the element</p>
+</div></div></div><div id="config-constrain" class="member ni"><a href="Ext.Layer.html#config-constrain" rel="config-constrain" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.Layer.html" class="definedIn docClass">Ext.Layer</a><br/><a href="../source/Layer.html#Ext-Layer-cfg-constrain" class="viewSource">view source</a></div><a name="constrain"></a><a name="config-constrain"></a><a href="Ext.Layer.html#" rel="config-constrain" class="cls expand">constrain</a><span> : Boolean</span></div><div class="description"><div class="short"><p>False to disable constrain to viewport (defaults to true)</p>
+</div><div class="long"><p>False to disable constrain to viewport (defaults to true)</p>
+</div></div></div><div id="config-dh" class="member ni"><a href="Ext.Layer.html#config-dh" rel="config-dh" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.Layer.html" class="definedIn docClass">Ext.Layer</a><br/><a href="../source/Layer.html#Ext-Layer-cfg-dh" class="viewSource">view source</a></div><a name="dh"></a><a name="config-dh"></a><a href="Ext.Layer.html#" rel="config-dh" class="cls expand">dh</a><span> : Object</span></div><div class="description"><div class="short"><p>DomHelper object config to create element with (defaults to {tag: 'div', cls: 'x-layer'}).</p>
+</div><div class="long"><p>DomHelper object config to create element with (defaults to {tag: 'div', cls: 'x-layer'}).</p>
+</div></div></div><div id="config-hideMode" class="member ni"><a href="Ext.Layer.html#config-hideMode" rel="config-hideMode" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.Layer.html" class="definedIn docClass">Ext.Layer</a><br/><a href="../source/Layer.html#Ext-Layer-cfg-hideMode" class="viewSource">view source</a></div><a name="hideMode"></a><a name="config-hideMode"></a><a href="Ext.Layer.html#" rel="config-hideMode" class="cls expand">hideMode</a><span> : String</span></div><div class="description"><div class="short">A String which specifies how this Layer will be hidden.
+Values may be
+'display' : The Component will be hidden using ...</div><div class="long"><p>A String which specifies how this Layer will be hidden.
+Values may be<div class="mdetail-params"><ul>
+<li><code>'display'</code> : The Component will be hidden using the <code>display: none</code> style.</li>
+<li><code>'visibility'</code> : The Component will be hidden using the <code>visibility: hidden</code> style.</li>
+<li><code>'offsets'</code> : The Component will be hidden by absolutely positioning it out of the visible area of the document. This
+is useful when a hidden Component must maintain measurable dimensions. Hiding using <code>display</code> results
+in a Component having zero dimensions.</li></ul></div></p>
+</div></div></div><div id="config-shadow" class="member ni"><a href="Ext.Layer.html#config-shadow" rel="config-shadow" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.Layer.html" class="definedIn docClass">Ext.Layer</a><br/><a href="../source/Layer.html#Ext-Layer-cfg-shadow" class="viewSource">view source</a></div><a name="shadow"></a><a name="config-shadow"></a><a href="Ext.Layer.html#" rel="config-shadow" class="cls expand">shadow</a><span> : String/Boolean</span></div><div class="description"><div class="short">True to automatically create an Ext.Shadow, or a string indicating the
+shadow's display Ext.Shadow.mode. False to dis...</div><div class="long"><p>True to automatically create an <a href="Ext.Shadow.html" rel="Ext.Shadow" class="docClass">Ext.Shadow</a>, or a string indicating the
+shadow's display <a href="Ext.Shadow.html#mode" rel="Ext.Shadow#mode" class="docClass">Ext.Shadow.mode</a>. False to disable the shadow. (defaults to false)</p>
+</div></div></div><div id="config-shadowOffset" class="member ni"><a href="Ext.Layer.html#config-shadowOffset" rel="config-shadowOffset" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.Layer.html" class="definedIn docClass">Ext.Layer</a><br/><a href="../source/Layer.html#Ext-Layer-cfg-shadowOffset" class="viewSource">view source</a></div><a name="shadowOffset"></a><a name="config-shadowOffset"></a><a href="Ext.Layer.html#" rel="config-shadowOffset" class="cls expand">shadowOffset</a><span> : Number</span></div><div class="description"><div class="short"><p>Number of pixels to offset the shadow (defaults to 4)</p>
+</div><div class="long"><p>Number of pixels to offset the shadow (defaults to 4)</p>
+</div></div></div><div id="config-shim" class="member ni"><a href="Ext.Layer.html#config-shim" rel="config-shim" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.Layer.html" class="definedIn docClass">Ext.Layer</a><br/><a href="../source/Layer.html#Ext-Layer-cfg-shim" class="viewSource">view source</a></div><a name="shim"></a><a name="config-shim"></a><a href="Ext.Layer.html#" rel="config-shim" class="cls expand">shim</a><span> : Boolean</span></div><div class="description"><div class="short"><p>False to disable the iframe shim in browsers which need one (defaults to true)</p>
+</div><div class="long"><p>False to disable the iframe shim in browsers which need one (defaults to true)</p>
+</div></div></div><div id="config-useDisplay" class="member ni"><a href="Ext.Layer.html#config-useDisplay" rel="config-useDisplay" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.Layer.html" class="definedIn docClass">Ext.Layer</a><br/><a href="../source/Layer.html#Ext-Layer-cfg-useDisplay" class="viewSource">view source</a></div><a name="useDisplay"></a><a name="config-useDisplay"></a><a href="Ext.Layer.html#" rel="config-useDisplay" class="cls expand">useDisplay</a><span> : Boolean</span></div><div class="description"><div class="short"><p>Defaults to use css offsets to hide the Layer. Specify <tt>true</tt>
+to use css style <tt>'display:none;'</tt> to hide the Layer.</p>
+</div><div class="long"><p>Defaults to use css offsets to hide the Layer. Specify <tt>true</tt>
+to use css style <tt>'display:none;'</tt> to hide the Layer.</p>
+</div></div></div><div id="config-visibilityCls" class="member ni"><a href="Ext.Layer.html#config-visibilityCls" rel="config-visibilityCls" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.Layer.html" class="definedIn docClass">Ext.Layer</a><br/><a href="../source/Layer.html#Ext-Layer-cfg-visibilityCls" class="viewSource">view source</a></div><a name="visibilityCls"></a><a name="config-visibilityCls"></a><a href="Ext.Layer.html#" rel="config-visibilityCls" class="cls expand">visibilityCls</a><span> : String</span></div><div class="description"><div class="short"><p>The CSS class name to add in order to hide this Layer if this layer
+is configured with <code><a href="Ext.Layer.html#hideMode" rel="Ext.Layer#hideMode" class="docClass">hideMode</a>: 'asclass'</code></p>
+</div><div class="long"><p>The CSS class name to add in order to hide this Layer if this layer
+is configured with <code><a href="Ext.Layer.html#hideMode" rel="Ext.Layer#hideMode" class="docClass">hideMode</a>: 'asclass'</code></p>
+</div></div></div><div id="config-zindex" class="member ni"><a href="Ext.Layer.html#config-zindex" rel="config-zindex" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.Layer.html" class="definedIn docClass">Ext.Layer</a><br/><a href="../source/Layer.html#Ext-Layer-cfg-zindex" class="viewSource">view source</a></div><a name="zindex"></a><a name="config-zindex"></a><a href="Ext.Layer.html#" rel="config-zindex" class="cls expand">zindex</a><span> : Number</span></div><div class="description"><div class="short"><p>Starting z-index (defaults to 11000)</p>
+</div><div class="long"><p>Starting z-index (defaults to 11000)</p>
+</div></div></div></div><div class="m-properties"><a name="properties"></a><div class="definedBy">Defined By</div><h3 class="prp p">Properties</h3><div id="property-DISPLAY" class="member f inherited"><a href="Ext.Layer.html#property-DISPLAY" rel="property-DISPLAY" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.fx.html#Ext-core.Element-property-DISPLAY" class="viewSource">view source</a></div><a name="DISPLAY"></a><a name="property-DISPLAY"></a><a href="Ext.Layer.html#" rel="property-DISPLAY" class="cls expand">DISPLAY</a><span> : Number</span></div><div class="description"><div class="short"><p>Visibility mode constant for use with <a href="Ext.Layer.html#setVisibilityMode" rel="Ext.Layer#setVisibilityMode" class="docClass">setVisibilityMode</a>. Use display to hide element</p>
+</div><div class="long"><p>Visibility mode constant for use with <a href="Ext.Layer.html#setVisibilityMode" rel="Ext.Layer#setVisibilityMode" class="docClass">setVisibilityMode</a>. Use display to hide element</p>
+</div></div></div><div id="property-OFFSETS" class="member inherited"><a href="Ext.Layer.html#property-OFFSETS" rel="property-OFFSETS" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.fx.html#Ext-core.Element-property-OFFSETS" class="viewSource">view source</a></div><a name="OFFSETS"></a><a name="property-OFFSETS"></a><a href="Ext.Layer.html#" rel="property-OFFSETS" class="cls expand">OFFSETS</a><span> : Number</span></div><div class="description"><div class="short"><p>Visibility mode constant for use with <a href="Ext.Layer.html#setVisibilityMode" rel="Ext.Layer#setVisibilityMode" class="docClass">setVisibilityMode</a>. Use offsets (x and y positioning offscreen)
+to hide element.</p>
+</div><div class="long"><p>Visibility mode constant for use with <a href="Ext.Layer.html#setVisibilityMode" rel="Ext.Layer#setVisibilityMode" class="docClass">setVisibilityMode</a>. Use offsets (x and y positioning offscreen)
+to hide element.</p>
+</div></div></div><div id="property-VISIBILITY" class="member inherited"><a href="Ext.Layer.html#property-VISIBILITY" rel="property-VISIBILITY" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.fx.html#Ext-core.Element-property-VISIBILITY" class="viewSource">view source</a></div><a name="VISIBILITY"></a><a name="property-VISIBILITY"></a><a href="Ext.Layer.html#" rel="property-VISIBILITY" class="cls expand">VISIBILITY</a><span> : Number</span></div><div class="description"><div class="short"><p>Visibility mode constant for use with <a href="Ext.Layer.html#setVisibilityMode" rel="Ext.Layer#setVisibilityMode" class="docClass">setVisibilityMode</a>. Use visibility to hide element</p>
+</div><div class="long"><p>Visibility mode constant for use with <a href="Ext.Layer.html#setVisibilityMode" rel="Ext.Layer#setVisibilityMode" class="docClass">setVisibilityMode</a>. Use visibility to hide element</p>
+</div></div></div><div id="property-autoBoxAdjust" class="member inherited"><a href="Ext.Layer.html#property-autoBoxAdjust" rel="property-autoBoxAdjust" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element2.html#Ext-core.Element-property-autoBoxAdjust" class="viewSource">view source</a></div><a name="autoBoxAdjust"></a><a name="property-autoBoxAdjust"></a><a href="Ext.Layer.html#" rel="property-autoBoxAdjust" class="cls expand">autoBoxAdjust</a><span> : Boolean</span></div><div class="description"><div class="short"><p>true to automatically adjust width and height settings for box-model issues (default to true)</p>
+</div><div class="long"><p>true to automatically adjust width and height settings for box-model issues (default to true)</p>
+</div></div></div><div id="property-defaultUnit" class="member inherited"><a href="Ext.Layer.html#property-defaultUnit" rel="property-defaultUnit" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element2.html#Ext-core.Element-property-defaultUnit" class="viewSource">view source</a></div><a name="defaultUnit"></a><a name="property-defaultUnit"></a><a href="Ext.Layer.html#" rel="property-defaultUnit" class="cls expand">defaultUnit</a><span> : String</span></div><div class="description"><div class="short"><p>The default unit to append to CSS values where a unit isn't provided (defaults to px).</p>
+</div><div class="long"><p>The default unit to append to CSS values where a unit isn't provided (defaults to px).</p>
+</div></div></div><div id="property-dom" class="member inherited"><a href="Ext.Layer.html#property-dom" rel="property-dom" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element2.html#Ext-core.Element-property-dom" class="viewSource">view source</a></div><a name="dom"></a><a name="property-dom"></a><a href="Ext.Layer.html#" rel="property-dom" class="cls expand">dom</a><span> : HTMLElement</span></div><div class="description"><div class="short"><p>The DOM element</p>
+</div><div class="long"><p>The DOM element</p>
+</div></div></div><div id="property-getAttribute" class="member inherited"><a href="Ext.Layer.html#property-getAttribute" rel="property-getAttribute" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element2.html#Ext-core.Element-property-getAttribute" class="viewSource">view source</a></div><a name="getAttribute"></a><a name="property-getAttribute"></a><a href="Ext.Layer.html#" rel="property-getAttribute" class="cls expand">getAttribute</a><span> : Object</span></div><div class="description"><div class="short"><p>Returns the value of an attribute from the element's underlying DOM node.</p>
+</div><div class="long"><p>Returns the value of an attribute from the element's underlying DOM node.</p>
+</div></div></div><div id="property-hasCls" class="member inherited"><a href="Ext.Layer.html#property-hasCls" rel="property-hasCls" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.style.html#Ext-core.Element-property-hasCls" class="viewSource">view source</a></div><a name="hasCls"></a><a name="property-hasCls"></a><a href="Ext.Layer.html#" rel="property-hasCls" class="cls expand">hasCls</a><span> : Object</span></div><div class="description"><div class="short"><p>Checks if the specified CSS class exists on this element's DOM node.</p>
+</div><div class="long"><p>Checks if the specified CSS class exists on this element's DOM node.</p>
+</div></div></div><div id="property-id" class="member inherited"><a href="Ext.Layer.html#property-id" rel="property-id" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element2.html#Ext-core.Element-property-id" class="viewSource">view source</a></div><a name="id"></a><a name="property-id"></a><a href="Ext.Layer.html#" rel="property-id" class="cls expand">id</a><span> : String</span></div><div class="description"><div class="short"><p>The DOM element ID</p>
+</div><div class="long"><p>The DOM element ID</p>
+</div></div></div><div id="property-originalDisplay" class="member inherited"><a href="Ext.Layer.html#property-originalDisplay" rel="property-originalDisplay" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.fx.html#Ext-core.Element-property-originalDisplay" class="viewSource">view source</a></div><a name="originalDisplay"></a><a name="property-originalDisplay"></a><a href="Ext.Layer.html#" rel="property-originalDisplay" class="cls expand">originalDisplay</a><span> : String</span></div><div class="description"><div class="short"><p>The element's default display mode (defaults to "")</p>
+</div><div class="long"><p>The element's default display mode (defaults to "")</p>
+</div></div></div><div id="property-toggleCls" class="member inherited"><a href="Ext.Layer.html#property-toggleCls" rel="property-toggleCls" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.style.html#Ext-core.Element-property-toggleCls" class="viewSource">view source</a></div><a name="toggleCls"></a><a name="property-toggleCls"></a><a href="Ext.Layer.html#" rel="property-toggleCls" class="cls expand">toggleCls</a><span> : Object</span></div><div class="description"><div class="short"><p>Toggles the specified CSS class on this element (removes it if it already exists, otherwise adds it).</p>
+</div><div class="long"><p>Toggles the specified CSS class on this element (removes it if it already exists, otherwise adds it).</p>
+</div></div></div><div id="property-visibilityCls" class="member inherited"><a href="Ext.Layer.html#property-visibilityCls" rel="property-visibilityCls" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.fx.html#Ext-core.Element-property-visibilityCls" class="viewSource">view source</a></div><a name="visibilityCls"></a><a name="property-visibilityCls"></a><a href="Ext.Layer.html#" rel="property-visibilityCls" class="cls expand">visibilityCls</a><span> : String</span></div><div class="description"><div class="short"><p>Defaults to 'x-hide-nosize'</p>
+</div><div class="long"><p>Defaults to 'x-hide-nosize'</p>
+</div></div></div></div><div class="m-methods"><a name="methods"></a><div class="definedBy">Defined By</div><h3 class="mth p">Methods</h3><div id="method-Layer" class="member f ni"><a href="Ext.Layer.html#method-Layer" rel="method-Layer" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.Layer.html" class="definedIn docClass">Ext.Layer</a><br/><a href="../source/Layer.html#Ext-Layer-method-constructor" class="viewSource">view source</a></div><a name="Layer"></a><a name="method-Layer"></a><a href="Ext.Layer.html#" rel="method-Layer" class="cls expand">Layer</a>(
+<span class="pre">Object config, [String/HTMLElement existingEl]</span>)
+ : void</div><div class="description"><div class="short"><p> </p></div><div class="long">
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">config</span> : Object<div class="sub-desc"><p>An object with config options.</p>
+</div></li><li><span class="pre">existingEl</span> : String/HTMLElement<div class="sub-desc"><p>(optional) Uses an existing DOM element. If the element is not found it creates it.</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
+</li></ul></div></div></div><div id="method-addCls" class="member inherited"><a href="Ext.Layer.html#method-addCls" rel="method-addCls" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.style.html#Ext-core.Element-method-addCls" class="viewSource">view source</a></div><a name="addCls"></a><a name="method-addCls"></a><a href="Ext.Layer.html#" rel="method-addCls" class="cls expand">addCls</a>(
+<span class="pre">String/Array className</span>)
+ : Ext.core.Element</div><div class="description"><div class="short"><p>Adds one or more CSS classes to the element. Duplicate classes are automatically filtered out.</p>
+</div><div class="long"><p>Adds one or more CSS classes to the element. Duplicate classes are automatically filtered out.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">className</span> : String/Array<div class="sub-desc"><p>The CSS classes to add separated by space, or an array of classes</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>this</p>
+</li></ul></div></div></div><div id="method-addClsOnClick" class="member inherited"><a href="Ext.Layer.html#method-addClsOnClick" rel="method-addClsOnClick" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.style.html#Ext-core.Element-method-addClsOnClick" class="viewSource">view source</a></div><a name="addClsOnClick"></a><a name="method-addClsOnClick"></a><a href="Ext.Layer.html#" rel="method-addClsOnClick" class="cls expand">addClsOnClick</a>(
+<span class="pre">String className</span>)
+ : Ext.core.Element</div><div class="description"><div class="short">Sets up event handlers to add and remove a css class when the mouse is down and then up on this element (a click effe...</div><div class="long"><p>Sets up event handlers to add and remove a css class when the mouse is down and then up on this element (a click effect)</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">className</span> : String<div class="sub-desc">
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>this</p>
+</li></ul></div></div></div><div id="method-addClsOnFocus" class="member inherited"><a href="Ext.Layer.html#method-addClsOnFocus" rel="method-addClsOnFocus" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.style.html#Ext-core.Element-method-addClsOnFocus" class="viewSource">view source</a></div><a name="addClsOnFocus"></a><a name="method-addClsOnFocus"></a><a href="Ext.Layer.html#" rel="method-addClsOnFocus" class="cls expand">addClsOnFocus</a>(
+<span class="pre">String className</span>)
+ : Ext.core.Element</div><div class="description"><div class="short"><p>Sets up event handlers to add and remove a css class when this element has the focus</p>
+</div><div class="long"><p>Sets up event handlers to add and remove a css class when this element has the focus</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">className</span> : String<div class="sub-desc">
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>this</p>
+</li></ul></div></div></div><div id="method-addClsOnOver" class="member inherited"><a href="Ext.Layer.html#method-addClsOnOver" rel="method-addClsOnOver" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.style.html#Ext-core.Element-method-addClsOnOver" class="viewSource">view source</a></div><a name="addClsOnOver"></a><a name="method-addClsOnOver"></a><a href="Ext.Layer.html#" rel="method-addClsOnOver" class="cls expand">addClsOnOver</a>(
+<span class="pre">String className</span>)
+ : Ext.core.Element</div><div class="description"><div class="short"><p>Sets up event handlers to add and remove a css class when the mouse is over this element</p>
+</div><div class="long"><p>Sets up event handlers to add and remove a css class when the mouse is over this element</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">className</span> : String<div class="sub-desc">
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>this</p>
+</li></ul></div></div></div><div id="method-addKeyListener" class="member inherited"><a href="Ext.Layer.html#method-addKeyListener" rel="method-addKeyListener" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.keys.html#Ext-core.Element-method-addKeyListener" class="viewSource">view source</a></div><a name="addKeyListener"></a><a name="method-addKeyListener"></a><a href="Ext.Layer.html#" rel="method-addKeyListener" class="cls expand">addKeyListener</a>(
+<span class="pre">Number/Array/Object/String key, Function fn, [Object scope]</span>)
+ : Ext.util.KeyMap</div><div class="description"><div class="short"><p>Convenience method for constructing a KeyMap</p>
+</div><div class="long"><p>Convenience method for constructing a KeyMap</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">key</span> : Number/Array/Object/String<div class="sub-desc"><p>Either a string with the keys to listen for, the numeric key code, array of key codes or an object with the following options:
+<code>{key: (number or array), shift: (true/false), ctrl: (true/false), alt: (true/false)}</code></p>
+</div></li><li><span class="pre">fn</span> : Function<div class="sub-desc"><p>The function to call</p>
+</div></li><li><span class="pre">scope</span> : Object<div class="sub-desc"><p>(optional) The scope (<code>this</code> reference) in which the specified function is executed. Defaults to this Element.</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.util.KeyMap</span> <p>The KeyMap created</p>
+</li></ul></div></div></div><div id="method-addKeyMap" class="member inherited"><a href="Ext.Layer.html#method-addKeyMap" rel="method-addKeyMap" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.keys.html#Ext-core.Element-method-addKeyMap" class="viewSource">view source</a></div><a name="addKeyMap"></a><a name="method-addKeyMap"></a><a href="Ext.Layer.html#" rel="method-addKeyMap" class="cls expand">addKeyMap</a>(
+<span class="pre">Object config</span>)
+ : Ext.util.KeyMap</div><div class="description"><div class="short"><p>Creates a KeyMap for this element</p>
+</div><div class="long"><p>Creates a KeyMap for this element</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">config</span> : Object<div class="sub-desc"><p>The KeyMap config. See <a href="Ext.util.KeyMap.html" rel="Ext.util.KeyMap" class="docClass">Ext.util.KeyMap</a> for more details</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.util.KeyMap</span> <p>The KeyMap created</p>
+</li></ul></div></div></div><div id="method-addListener" class="member inherited"><a href="Ext.Layer.html#method-addListener" rel="method-addListener" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element2.html#Ext-core.Element-method-addListener" class="viewSource">view source</a></div><a name="addListener"></a><a name="method-addListener"></a><a href="Ext.Layer.html#" rel="method-addListener" class="cls expand">addListener</a>(
+<span class="pre">String eventName, Function fn, [Object scope], [Object options]</span>)
+ : Ext.core.Element</div><div class="description"><div class="short"><p>Appends an event handler to this element. The shorthand version <a href="Ext.Layer.html#on" rel="Ext.Layer#on" class="docClass">on</a> is equivalent.</p>
+</div><div class="long"><p>Appends an event handler to this element. The shorthand version <a href="Ext.Layer.html#on" rel="Ext.Layer#on" class="docClass">on</a> is equivalent.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">eventName</span> : String<div class="sub-desc"><p>The name of event to handle.</p>
+</div></li><li><span class="pre">fn</span> : Function<div class="sub-desc"><p>The handler function the event invokes. This function is passed
+the following parameters:<ul>
+<li><b>evt</b> : EventObject<div class="sub-desc">The <a href="Ext.EventObject.html" rel="Ext.EventObject" class="docClass">EventObject</a> describing the event.</div></li>
+<li><b>el</b> : HtmlElement<div class="sub-desc">The DOM element which was the target of the event.
+Note that this may be filtered by using the <tt>delegate</tt> option.</div></li>
+<li><b>o</b> : Object<div class="sub-desc">The options object from the addListener call.</div></li>
+</ul></p>
+</div></li><li><span class="pre">scope</span> : Object<div class="sub-desc"><p>(optional) The scope (<code><b>this</b></code> reference) in which the handler function is executed.
+<b>If omitted, defaults to this Element.</b>.</p>
+</div></li><li><span class="pre">options</span> : Object<div class="sub-desc"><p>(optional) An object containing handler configuration properties.
+This may contain any of the following properties:<ul>
+<li><b>scope</b> Object : <div class="sub-desc">The scope (<code><b>this</b></code> reference) in which the handler function is executed.
+<b>If omitted, defaults to this Element.</b></div></li>
+<li><b>delegate</b> String: <div class="sub-desc">A simple selector to filter the target or look for a descendant of the target. See below for additional details.</div></li>
+<li><b>stopEvent</b> Boolean: <div class="sub-desc">True to stop the event. That is stop propagation, and prevent the default action.</div></li>
+<li><b>preventDefault</b> Boolean: <div class="sub-desc">True to prevent the default action</div></li>
+<li><b>stopPropagation</b> Boolean: <div class="sub-desc">True to prevent event propagation</div></li>
+<li><b>normalized</b> Boolean: <div class="sub-desc">False to pass a browser event to the handler function instead of an Ext.EventObject</div></li>
+<li><b>target</b> Ext.core.Element: <div class="sub-desc">Only call the handler if the event was fired on the target Element, <i>not</i> if the event was bubbled up from a child node.</div></li>
+<li><b>delay</b> Number: <div class="sub-desc">The number of milliseconds to delay the invocation of the handler after the event fires.</div></li>
+<li><b>single</b> Boolean: <div class="sub-desc">True to add a handler to handle just the next firing of the event, and then remove itself.</div></li>
+<li><b>buffer</b> Number: <div class="sub-desc">Causes the handler to be scheduled to run in an <a href="Ext.util.DelayedTask.html" rel="Ext.util.DelayedTask" class="docClass">Ext.util.DelayedTask</a> delayed
+by the specified number of milliseconds. If the event fires again within that time, the original
+handler is <em>not</em> invoked, but the new handler is scheduled in its place.</div></li>
+</ul><br></p>
+
+<p>
+<b>Combining Options</b><br>
+In the following examples, the shorthand form <a href="Ext.Layer.html#on" rel="Ext.Layer#on" class="docClass">on</a> is used rather than the more verbose
+addListener. The two are equivalent. Using the options argument, it is possible to combine different
+types of listeners:<br>
+<br>
+A delayed, one-time listener that auto stops the event and adds a custom argument (forumId) to the
+options object. The options object is available as the third parameter in the handler function.<div style="margin: 5px 20px 20px;">
+Code:
+<pre><code>el.on('click', this.onClick, this, {
+ single: true,
+ delay: 100,
+ stopEvent : true,
+ forumId: 4
+});</code></pre></p>
+
+
+<p>
+<b>Attaching multiple handlers in 1 call</b><br>
+The method also allows for a single argument to be passed which is a config object containing properties
+which specify multiple handlers.</p>
+
+
+<p>
+Code:
+<pre><code>el.on({
+ 'click' : {
+ fn: this.onClick,
+ scope: this,
+ delay: 100
+ },
+ 'mouseover' : {
+ fn: this.onMouseOver,
+ scope: this
+ },
+ 'mouseout' : {
+ fn: this.onMouseOut,
+ scope: this
+ }
+});</code></pre>
+<p>
+Or a shorthand syntax:<br>
+Code:
+<pre><code></p>
+el.on({
+ 'click' : this.onClick,
+ 'mouseover' : this.onMouseOver,
+ 'mouseout' : this.onMouseOut,
+ scope: this
+});
+</code></pre></p>
+
+
+<p><b>delegate</b></p>
+
+
+<p>This is a configuration option that you can pass along when registering a handler for
+an event to assist with event delegation. Event delegation is a technique that is used to
+reduce memory consumption and prevent exposure to memory-leaks. By registering an event
+for a container element as opposed to each element within a container. By setting this
+configuration option to a simple selector, the target element will be filtered to look for
+a descendant of the target.
+For example:
+<pre><code>// using this markup:
+<div id='elId'>
+ <p id='p1'>paragraph one</p>
+ <p id='p2' class='clickable'>paragraph two</p>
+ <p id='p3'>paragraph three</p>
+</div>
+// utilize event delegation to registering just one handler on the container element:
+el = Ext.get('elId');
+el.on(
+ 'click',
+ function(e,t) {
+ // handle click
+ console.info(t.id); // 'p2'
+ },
+ this,
+ {
+ // filter the target element to be a descendant with the class 'clickable'
+ delegate: '.clickable'
+ }
+);
+</code></pre></p>
+
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>this</p>
+</li></ul></div></div></div><div id="method-adjustWidth" class="member inherited"><a href="Ext.Layer.html#method-adjustWidth" rel="method-adjustWidth" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.style.html#Ext-core.Element-method-adjustWidth" class="viewSource">view source</a></div><a name="adjustWidth"></a><a name="method-adjustWidth"></a><a href="Ext.Layer.html#" rel="method-adjustWidth" class="cls expand">adjustWidth</a>(
+<span class="pre">Object width</span>)
+ : void</div><div class="description"><div class="short"><p>TODO: Look at this</p>
+</div><div class="long"><p>TODO: Look at this</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">width</span> : Object<div class="sub-desc">
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
+</li></ul></div></div></div><div id="method-alignTo" class="member inherited"><a href="Ext.Layer.html#method-alignTo" rel="method-alignTo" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.alignment.html#Ext-core.Element-method-alignTo" class="viewSource">view source</a></div><a name="alignTo"></a><a name="method-alignTo"></a><a href="Ext.Layer.html#" rel="method-alignTo" class="cls expand">alignTo</a>(
+<span class="pre">Mixed element, String position, [Array offsets], [Boolean/Object animate]</span>)
+ : Ext.core.Element</div><div class="description"><div class="short">Aligns this element with another element relative to the specified anchor points. If the other element is the
+documen...</div><div class="long"><p>Aligns this element with another element relative to the specified anchor points. If the other element is the
+document it aligns it to the viewport.
+The position parameter is optional, and can be specified in any one of the following formats:</p>
+
+<ul>
+ <li><b>Blank</b>: Defaults to aligning the element's top-left corner to the target's bottom-left corner ("tl-bl").</li>
+ <li><b>One anchor (deprecated)</b>: The passed anchor position is used as the target element's anchor point.
+ The element being aligned will position its top-left corner (tl) to that point. <i>This method has been
+ deprecated in favor of the newer two anchor syntax below</i>.</li>
+ <li><b>Two anchors</b>: If two values from the table below are passed separated by a dash, the first value is used as the
+ element's anchor point, and the second value is used as the target's anchor point.</li>
+</ul>
+
+
+<p>In addition to the anchor points, the position parameter also supports the "?" character. If "?" is passed at the end of
+the position string, the element will attempt to align as specified, but the position will be adjusted to constrain to
+the viewport if necessary. Note that the element being aligned might be swapped to align to a different position than
+that specified in order to enforce the viewport constraints.
+Following are all of the supported anchor positions:</p>
+
+<pre>Value Description
+----- -----------------------------
+tl The top left corner (default)
+t The center of the top edge
+tr The top right corner
+l The center of the left edge
+c In the center of the element
+r The center of the right edge
+bl The bottom left corner
+b The center of the bottom edge
+br The bottom right corner
+</pre>
+
+
+<p>Example Usage:</p>
+
+<pre><code>// align el to other-el using the default positioning ("tl-bl", non-constrained)
+el.alignTo("other-el");
+
+// align the top left corner of el with the top right corner of other-el (constrained to viewport)
+el.alignTo("other-el", "tr?");
+
+// align the bottom right corner of el with the center left edge of other-el
+el.alignTo("other-el", "br-l?");
+
+// align the center of el with the bottom left corner of other-el and
+// adjust the x position by -6 pixels (and the y position by 0)
+el.alignTo("other-el", "c-bl", [-6, 0]);
+</code></pre>
+
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">element</span> : Mixed<div class="sub-desc"><p>The element to align to.</p>
+</div></li><li><span class="pre">position</span> : String<div class="sub-desc"><p>(optional, defaults to "tl-bl?") The position to align to.</p>
+</div></li><li><span class="pre">offsets</span> : Array<div class="sub-desc"><p>(optional) Offset the positioning by [x, y]</p>
+</div></li><li><span class="pre">animate</span> : Boolean/Object<div class="sub-desc"><p>(optional) true for the default animation or a standard Element animation config object</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>this</p>
+</li></ul></div></div></div><div id="method-anchorTo" class="member inherited"><a href="Ext.Layer.html#method-anchorTo" rel="method-anchorTo" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.alignment.html#Ext-core.Element-method-anchorTo" class="viewSource">view source</a></div><a name="anchorTo"></a><a name="method-anchorTo"></a><a href="Ext.Layer.html#" rel="method-anchorTo" class="cls expand">anchorTo</a>(
+<span class="pre">Mixed element, String position, [Array offsets], [Boolean/Object animate], [Boolean/Number monitorScroll], Function callback</span>)
+ : Ext.core.Element</div><div class="description"><div class="short"><p>Anchors an element to another element and realigns it when the window is resized.</p>
+</div><div class="long"><p>Anchors an element to another element and realigns it when the window is resized.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">element</span> : Mixed<div class="sub-desc"><p>The element to align to.</p>
+</div></li><li><span class="pre">position</span> : String<div class="sub-desc"><p>The position to align to.</p>
+</div></li><li><span class="pre">offsets</span> : Array<div class="sub-desc"><p>(optional) Offset the positioning by [x, y]</p>
+</div></li><li><span class="pre">animate</span> : Boolean/Object<div class="sub-desc"><p>(optional) True for the default animation or a standard Element animation config object</p>
+</div></li><li><span class="pre">monitorScroll</span> : Boolean/Number<div class="sub-desc"><p>(optional) True to monitor body scroll and reposition. If this parameter
+is a number, it is used as the buffer delay (defaults to 50ms).</p>
+</div></li><li><span class="pre">callback</span> : Function<div class="sub-desc"><p>The function to call after the animation finishes</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>this</p>
+</li></ul></div></div></div><div id="method-appendChild" class="member inherited"><a href="Ext.Layer.html#method-appendChild" rel="method-appendChild" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.insertion.html#Ext-core.Element-method-appendChild" class="viewSource">view source</a></div><a name="appendChild"></a><a name="method-appendChild"></a><a href="Ext.Layer.html#" rel="method-appendChild" class="cls expand">appendChild</a>(
+<span class="pre">String/HTMLElement/Array/Element/CompositeElement el</span>)
+ : Ext.core.Element</div><div class="description"><div class="short"><p>Appends the passed element(s) to this element</p>
+</div><div class="long"><p>Appends the passed element(s) to this element</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">el</span> : String/HTMLElement/Array/Element/CompositeElement<div class="sub-desc">
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>this</p>
+</li></ul></div></div></div><div id="method-appendTo" class="member inherited"><a href="Ext.Layer.html#method-appendTo" rel="method-appendTo" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.insertion.html#Ext-core.Element-method-appendTo" class="viewSource">view source</a></div><a name="appendTo"></a><a name="method-appendTo"></a><a href="Ext.Layer.html#" rel="method-appendTo" class="cls expand">appendTo</a>(
+<span class="pre">Mixed el</span>)
+ : Ext.core.Element</div><div class="description"><div class="short"><p>Appends this element to the passed element</p>
+</div><div class="long"><p>Appends this element to the passed element</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">el</span> : Mixed<div class="sub-desc"><p>The new parent element</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>this</p>
+</li></ul></div></div></div><div id="method-applyStyles" class="member inherited"><a href="Ext.Layer.html#method-applyStyles" rel="method-applyStyles" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.style.html#Ext-core.Element-method-applyStyles" class="viewSource">view source</a></div><a name="applyStyles"></a><a name="method-applyStyles"></a><a href="Ext.Layer.html#" rel="method-applyStyles" class="cls expand">applyStyles</a>(
+<span class="pre">String/Object/Function styles</span>)
+ : Ext.core.Element</div><div class="description"><div class="short"><p>More flexible version of <a href="Ext.Layer.html#setStyle" rel="Ext.Layer#setStyle" class="docClass">setStyle</a> for setting style properties.</p>
+</div><div class="long"><p>More flexible version of <a href="Ext.Layer.html#setStyle" rel="Ext.Layer#setStyle" class="docClass">setStyle</a> for setting style properties.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">styles</span> : String/Object/Function<div class="sub-desc"><p>A style specification string, e.g. "width:100px", or object in the form {width:"100px"}, or
+a function which returns such a specification.</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>this</p>
+</li></ul></div></div></div><div id="method-blur" class="member inherited"><a href="Ext.Layer.html#method-blur" rel="method-blur" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element2.html#Ext-core.Element-method-blur" class="viewSource">view source</a></div><a name="blur"></a><a name="method-blur"></a><a href="Ext.Layer.html#" rel="method-blur" class="cls expand">blur</a> : Ext.core.Element</div><div class="description"><div class="short"><p>Tries to blur the element. Any exceptions are caught and ignored.</p>
+</div><div class="long"><p>Tries to blur the element. Any exceptions are caught and ignored.</p>
+<h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>this</p>
+</li></ul></div></div></div><div id="method-boxWrap" class="member inherited"><a href="Ext.Layer.html#method-boxWrap" rel="method-boxWrap" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.style.html#Ext-core.Element-method-boxWrap" class="viewSource">view source</a></div><a name="boxWrap"></a><a name="method-boxWrap"></a><a href="Ext.Layer.html#" rel="method-boxWrap" class="cls expand">boxWrap</a>(
+<span class="pre">[String class]</span>)
+ : Ext.core.Element</div><div class="description"><div class="short">Wraps the specified element with a special 9 element markup/CSS block that renders by default as
+a gray container wit...</div><div class="long"><p>Wraps the specified element with a special 9 element markup/CSS block that renders by default as
+a gray container with a gradient background, rounded corners and a 4-way shadow.</p>
+
+
+<p>This special markup is used throughout <a href="Ext.html" rel="Ext" class="docClass">Ext</a> when box wrapping elements (<a href="Ext.button.Button.html" rel="Ext.button.Button" class="docClass">Ext.button.Button</a>,
+<a href="Ext.panel.Panel.html" rel="Ext.panel.Panel" class="docClass">Ext.panel.Panel</a> when <tt><a href="Ext.panel.Panel.html#frame" rel="Ext.panel.Panel#frame" class="docClass">frame=true</a></tt>, <a href="Ext.window.Window.html" rel="Ext.window.Window" class="docClass">Ext.window.Window</a>). The markup
+is of this form:</p>
+
+
+<pre><code> Ext.core.Element.boxMarkup =
+ '<div class="{0}-tl"><div class="{0}-tr"><div class="{0}-tc"></div></div></div>
+ <div class="{0}-ml"><div class="{0}-mr"><div class="{0}-mc"></div></div></div>
+ <div class="{0}-bl"><div class="{0}-br"><div class="{0}-bc"></div></div></div>';
+</code></pre>
+
+
+<p>Example usage:</p>
+
+
+<pre><code> // Basic box wrap
+ Ext.get("foo").boxWrap();
+
+ // You can also add a custom class and use CSS inheritance rules to customize the box look.
+ // 'x-box-blue' is a built-in alternative -- look at the related CSS definitions as an example
+ // for how to create a custom box wrap style.
+ Ext.get("foo").boxWrap().addCls("x-box-blue");
+</code></pre>
+
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">class</span> : String<div class="sub-desc"><p>(optional) A base CSS class to apply to the containing wrapper element
+(defaults to <tt>'x-box'</tt>). Note that there are a number of CSS rules that are dependent on
+this name to make the overall effect work, so if you supply an alternate base class, make sure you
+also supply all of the necessary rules.</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>The outermost wrapping element of the created box structure.</p>
+</li></ul></div></div></div><div id="method-center" class="member inherited"><a href="Ext.Layer.html#method-center" rel="method-center" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.alignment.html#Ext-core.Element-method-center" class="viewSource">view source</a></div><a name="center"></a><a name="method-center"></a><a href="Ext.Layer.html#" rel="method-center" class="cls expand">center</a>(
+<span class="pre">[Mixed centerIn]</span>)
+ : void</div><div class="description"><div class="short"><p>Centers the Element in either the viewport, or another Element.</p>
+</div><div class="long"><p>Centers the Element in either the viewport, or another Element.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">centerIn</span> : Mixed<div class="sub-desc"><p>(optional) The element in which to center the element.</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
+</li></ul></div></div></div><div id="method-child" class="member inherited"><a href="Ext.Layer.html#method-child" rel="method-child" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.traversal.html#Ext-core.Element-method-child" class="viewSource">view source</a></div><a name="child"></a><a name="method-child"></a><a href="Ext.Layer.html#" rel="method-child" class="cls expand">child</a>(
+<span class="pre">String selector, [Boolean returnDom]</span>)
+ : HTMLElement/Ext.core.Element</div><div class="description"><div class="short"><p>Selects a single <em>direct</em> child based on the passed CSS selector (the selector should not contain an id).</p>
+</div><div class="long"><p>Selects a single <em>direct</em> child based on the passed CSS selector (the selector should not contain an id).</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">selector</span> : String<div class="sub-desc"><p>The CSS selector</p>
+</div></li><li><span class="pre">returnDom</span> : Boolean<div class="sub-desc"><p>(optional) True to return the DOM node instead of <a href="Ext.core.Element.html" rel="Ext.core.Element" class="docClass">Ext.core.Element</a> (defaults to false)</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">HTMLElement/Ext.core.Element</span> <p>The child <a href="Ext.core.Element.html" rel="Ext.core.Element" class="docClass">Ext.core.Element</a> (or DOM node if returnDom = true)</p>
+</li></ul></div></div></div><div id="method-clean" class="member inherited"><a href="Ext.Layer.html#method-clean" rel="method-clean" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element-more.html#Ext-core.Element-method-clean" class="viewSource">view source</a></div><a name="clean"></a><a name="method-clean"></a><a href="Ext.Layer.html#" rel="method-clean" class="cls expand">clean</a>(
+<span class="pre">[Boolean forceReclean]</span>)
+ : void</div><div class="description"><div class="short"><p>Removes Empty, or whitespace filled text nodes. Combines adjacent text nodes.</p>
+</div><div class="long"><p>Removes Empty, or whitespace filled text nodes. Combines adjacent text nodes.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">forceReclean</span> : Boolean<div class="sub-desc"><p>(optional) By default the element
+keeps track if it has been cleaned already so
+you can call this over and over. However, if you update the element and
+need to force a reclean, you can pass true.</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
+</li></ul></div></div></div><div id="method-clearListeners" class="member inherited"><a href="Ext.Layer.html#method-clearListeners" rel="method-clearListeners" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element2.html#Ext-core.Element-method-clearListeners" class="viewSource">view source</a></div><a name="clearListeners"></a><a name="method-clearListeners"></a><a href="Ext.Layer.html#" rel="method-clearListeners" class="cls expand">clearListeners</a> : Ext.core.Element</div><div class="description"><div class="short"><p>Removes all previous added listeners from this element</p>
+</div><div class="long"><p>Removes all previous added listeners from this element</p>
+<h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>this</p>
+</li></ul></div></div></div><div id="method-clearOpacity" class="member inherited"><a href="Ext.Layer.html#method-clearOpacity" rel="method-clearOpacity" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.style.html#Ext-core.Element-method-clearOpacity" class="viewSource">view source</a></div><a name="clearOpacity"></a><a name="method-clearOpacity"></a><a href="Ext.Layer.html#" rel="method-clearOpacity" class="cls expand">clearOpacity</a> : Ext.core.Element</div><div class="description"><div class="short"><p>Clears any opacity settings from this element. Required in some cases for IE.</p>
+</div><div class="long"><p>Clears any opacity settings from this element. Required in some cases for IE.</p>
+<h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>this</p>
+</li></ul></div></div></div><div id="method-clearPositioning" class="member inherited"><a href="Ext.Layer.html#method-clearPositioning" rel="method-clearPositioning" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.position.html#Ext-core.Element-method-clearPositioning" class="viewSource">view source</a></div><a name="clearPositioning"></a><a name="method-clearPositioning"></a><a href="Ext.Layer.html#" rel="method-clearPositioning" class="cls expand">clearPositioning</a>(
+<span class="pre">[String value]</span>)
+ : Ext.core.Element</div><div class="description"><div class="short"><p>Clear positioning back to the default when the document was loaded</p>
+</div><div class="long"><p>Clear positioning back to the default when the document was loaded</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">value</span> : String<div class="sub-desc"><p>(optional) The value to use for the left,right,top,bottom, defaults to '' (empty string). You could use 'auto'.</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>this</p>
+</li></ul></div></div></div><div id="method-clip" class="member inherited"><a href="Ext.Layer.html#method-clip" rel="method-clip" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.style.html#Ext-core.Element-method-clip" class="viewSource">view source</a></div><a name="clip"></a><a name="method-clip"></a><a href="Ext.Layer.html#" rel="method-clip" class="cls expand">clip</a> : Ext.core.Element</div><div class="description"><div class="short"><p>Store the current overflow setting and clip overflow on the element - use <tt><a href="Ext.Layer.html#unclip" rel="Ext.Layer#unclip" class="docClass">unclip</a></tt> to remove</p>
+</div><div class="long"><p>Store the current overflow setting and clip overflow on the element - use <tt><a href="Ext.Layer.html#unclip" rel="Ext.Layer#unclip" class="docClass">unclip</a></tt> to remove</p>
+<h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>this</p>
+</li></ul></div></div></div><div id="method-contains" class="member inherited"><a href="Ext.Layer.html#method-contains" rel="method-contains" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element2.html#Ext-core.Element-method-contains" class="viewSource">view source</a></div><a name="contains"></a><a name="method-contains"></a><a href="Ext.Layer.html#" rel="method-contains" class="cls expand">contains</a>(
+<span class="pre">HTMLElement/String el</span>)
+ : Boolean</div><div class="description"><div class="short"><p>Returns true if this element is an ancestor of the passed element</p>
+</div><div class="long"><p>Returns true if this element is an ancestor of the passed element</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">el</span> : HTMLElement/String<div class="sub-desc"><p>The element to check</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Boolean</span> <p>True if this element is an ancestor of el, else false</p>
+</li></ul></div></div></div><div id="method-createChild" class="member inherited"><a href="Ext.Layer.html#method-createChild" rel="method-createChild" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.insertion.html#Ext-core.Element-method-createChild" class="viewSource">view source</a></div><a name="createChild"></a><a name="method-createChild"></a><a href="Ext.Layer.html#" rel="method-createChild" class="cls expand">createChild</a>(
+<span class="pre">Object config, [HTMLElement insertBefore], [Boolean returnDom]</span>)
+ : Ext.core.Element</div><div class="description"><div class="short">Creates the passed DomHelper config and appends it to this element or optionally inserts it before the passed child e...</div><div class="long"><p>Creates the passed DomHelper config and appends it to this element or optionally inserts it before the passed child element.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">config</span> : Object<div class="sub-desc"><p>DomHelper element config object. If no tag is specified (e.g., {tag:'input'}) then a div will be
+automatically generated with the specified attributes.</p>
+</div></li><li><span class="pre">insertBefore</span> : HTMLElement<div class="sub-desc"><p>(optional) a child element of this element</p>
+</div></li><li><span class="pre">returnDom</span> : Boolean<div class="sub-desc"><p>(optional) true to return the dom node instead of creating an Element</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>The new child element</p>
+</li></ul></div></div></div><div id="method-createProxy" class="member inherited"><a href="Ext.Layer.html#method-createProxy" rel="method-createProxy" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element-more.html#Ext-core.Element-method-createProxy" class="viewSource">view source</a></div><a name="createProxy"></a><a name="method-createProxy"></a><a href="Ext.Layer.html#" rel="method-createProxy" class="cls expand">createProxy</a>(
+<span class="pre">String/Object config, [String/HTMLElement renderTo], [Boolean matchBox]</span>)
+ : Ext.core.Element</div><div class="description"><div class="short"><p>Creates a proxy element of this element</p>
+</div><div class="long"><p>Creates a proxy element of this element</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">config</span> : String/Object<div class="sub-desc"><p>The class name of the proxy element or a DomHelper config object</p>
+</div></li><li><span class="pre">renderTo</span> : String/HTMLElement<div class="sub-desc"><p>(optional) The element or element id to render the proxy to (defaults to document.body)</p>
+</div></li><li><span class="pre">matchBox</span> : Boolean<div class="sub-desc"><p>(optional) True to align and size the proxy to this element now (defaults to false)</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>The new proxy element</p>
+</li></ul></div></div></div><div id="method-createShim" class="member inherited"><a href="Ext.Layer.html#method-createShim" rel="method-createShim" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.fx-more.html#Ext-core.Element-method-createShim" class="viewSource">view source</a></div><a name="createShim"></a><a name="method-createShim"></a><a href="Ext.Layer.html#" rel="method-createShim" class="cls expand">createShim</a> : Ext.core.Element</div><div class="description"><div class="short"><p>Creates an iframe shim for this element to keep selects and other windowed objects from
+showing through.</p>
+</div><div class="long"><p>Creates an iframe shim for this element to keep selects and other windowed objects from
+showing through.</p>
+<h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>The new shim element</p>
+</li></ul></div></div></div><div id="method-destroy" class="member inherited"><a href="Ext.Layer.html#method-destroy" rel="method-destroy" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element2.html#Ext-core.Element-method-destroy" class="viewSource">view source</a></div><a name="destroy"></a><a name="method-destroy"></a><a href="Ext.Layer.html#" rel="method-destroy" class="cls expand">destroy</a> : void</div><div class="description"><div class="short"><p>Removes this element's dom reference. Note that event and cache removal is handled at <a href="Ext.html#removeNode" rel="Ext#removeNode" class="docClass">Ext.removeNode</a>.
+Alias to <a href="Ext.Layer.html#remove" rel="Ext.Layer#remove" class="docClass">remove</a>.</p>
+</div><div class="long"><p>Removes this element's dom reference. Note that event and cache removal is handled at <a href="Ext.html#removeNode" rel="Ext#removeNode" class="docClass">Ext.removeNode</a>.
+Alias to <a href="Ext.Layer.html#remove" rel="Ext.Layer#remove" class="docClass">remove</a>.</p>
+<h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
+</li></ul></div></div></div><div id="method-down" class="member inherited"><a href="Ext.Layer.html#method-down" rel="method-down" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.traversal.html#Ext-core.Element-method-down" class="viewSource">view source</a></div><a name="down"></a><a name="method-down"></a><a href="Ext.Layer.html#" rel="method-down" class="cls expand">down</a>(
+<span class="pre">String selector, [Boolean returnDom]</span>)
+ : HTMLElement/Ext.core.Element</div><div class="description"><div class="short">Selects a single child at any depth below this element based on the passed CSS selector (the selector should not cont...</div><div class="long"><p>Selects a single child at any depth below this element based on the passed CSS selector (the selector should not contain an id).</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">selector</span> : String<div class="sub-desc"><p>The CSS selector</p>
+</div></li><li><span class="pre">returnDom</span> : Boolean<div class="sub-desc"><p>(optional) True to return the DOM node instead of <a href="Ext.core.Element.html" rel="Ext.core.Element" class="docClass">Ext.core.Element</a> (defaults to false)</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">HTMLElement/Ext.core.Element</span> <p>The child <a href="Ext.core.Element.html" rel="Ext.core.Element" class="docClass">Ext.core.Element</a> (or DOM node if returnDom = true)</p>
+</li></ul></div></div></div><div id="method-enableDisplayMode" class="member inherited"><a href="Ext.Layer.html#method-enableDisplayMode" rel="method-enableDisplayMode" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.fx-more.html#Ext-core.Element-method-enableDisplayMode" class="viewSource">view source</a></div><a name="enableDisplayMode"></a><a name="method-enableDisplayMode"></a><a href="Ext.Layer.html#" rel="method-enableDisplayMode" class="cls expand">enableDisplayMode</a>(
+<span class="pre">[String display]</span>)
+ : Ext.core.Element</div><div class="description"><div class="short"><p>Convenience method for setVisibilityMode(Element.DISPLAY)</p>
+</div><div class="long"><p>Convenience method for setVisibilityMode(Element.DISPLAY)</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">display</span> : String<div class="sub-desc"><p>(optional) What to set display to when visible</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>this</p>
+</li></ul></div></div></div><div id="method-fadeIn" class="member inherited"><a href="Ext.Layer.html#method-fadeIn" rel="method-fadeIn" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.anim.html#Ext-core.Element-method-fadeIn" class="viewSource">view source</a></div><a name="fadeIn"></a><a name="method-fadeIn"></a><a href="Ext.Layer.html#" rel="method-fadeIn" class="cls expand">fadeIn</a>(
+<span class="pre">[Object options]</span>)
+ : Ext.Element</div><div class="description"><div class="short">Fade an element in (from transparent to opaque). The ending opacity can be specified
+using the endOpacity config opt...</div><div class="long"><p>Fade an element in (from transparent to opaque). The ending opacity can be specified
+using the <tt><a href="Ext.Layer.html#endOpacity" rel="Ext.Layer#endOpacity" class="docClass">endOpacity</a></tt> config option.
+Usage:</p>
+
+<pre><code>// default: fade in from opacity 0 to 100%
+el.fadeIn();
+
+// custom: fade in from opacity 0 to 75% over 2 seconds
+el.fadeIn({ endOpacity: .75, duration: 2});
+
+// common config options shown with default values
+el.fadeIn({
+ endOpacity: 1, //can be any value between 0 and 1 (e.g. .5)
+ easing: 'easeOut',
+ duration: 500
+});
+</code></pre>
+
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">options</span> : Object<div class="sub-desc"><p>(optional) Object literal with any of the Fx config options</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.Element</span> <p>The Element</p>
+</li></ul></div></div></div><div id="method-fadeOut" class="member inherited"><a href="Ext.Layer.html#method-fadeOut" rel="method-fadeOut" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.anim.html#Ext-core.Element-method-fadeOut" class="viewSource">view source</a></div><a name="fadeOut"></a><a name="method-fadeOut"></a><a href="Ext.Layer.html#" rel="method-fadeOut" class="cls expand">fadeOut</a>(
+<span class="pre">[Object options]</span>)
+ : Ext.Element</div><div class="description"><div class="short">Fade an element out (from opaque to transparent). The ending opacity can be specified
+using the endOpacity config op...</div><div class="long"><p>Fade an element out (from opaque to transparent). The ending opacity can be specified
+using the <tt><a href="Ext.Layer.html#endOpacity" rel="Ext.Layer#endOpacity" class="docClass">endOpacity</a></tt> config option. Note that IE may require
+<tt><a href="Ext.Layer.html#useDisplay" rel="Ext.Layer#useDisplay" class="docClass">useDisplay</a>:true</tt> in order to redisplay correctly.
+Usage:</p>
+
+<pre><code>// default: fade out from the element's current opacity to 0
+el.fadeOut();
+
+// custom: fade out from the element's current opacity to 25% over 2 seconds
+el.fadeOut({ endOpacity: .25, duration: 2});
+
+// common config options shown with default values
+el.fadeOut({
+ endOpacity: 0, //can be any value between 0 and 1 (e.g. .5)
+ easing: 'easeOut',
+ duration: 500,
+ remove: false,
+ useDisplay: false
+});
+</code></pre>
+
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">options</span> : Object<div class="sub-desc"><p>(optional) Object literal with any of the Fx config options</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.Element</span> <p>The Element</p>
+</li></ul></div></div></div><div id="method-findParent" class="member inherited"><a href="Ext.Layer.html#method-findParent" rel="method-findParent" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.traversal.html#Ext-core.Element-method-findParent" class="viewSource">view source</a></div><a name="findParent"></a><a name="method-findParent"></a><a href="Ext.Layer.html#" rel="method-findParent" class="cls expand">findParent</a>(
+<span class="pre">String selector, [Number/Mixed maxDepth], [Boolean returnEl]</span>)
+ : HTMLElement</div><div class="description"><div class="short">Looks at this node and then at parent nodes for a match of the passed simple selector (e.g. div.some-class or span:fi...</div><div class="long"><p>Looks at this node and then at parent nodes for a match of the passed simple selector (e.g. div.some-class or span:first-child)</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">selector</span> : String<div class="sub-desc"><p>The simple selector to test</p>
+</div></li><li><span class="pre">maxDepth</span> : Number/Mixed<div class="sub-desc"><p>(optional) The max depth to search as a number or element (defaults to 50 || document.body)</p>
+</div></li><li><span class="pre">returnEl</span> : Boolean<div class="sub-desc"><p>(optional) True to return a <a href="Ext.core.Element.html" rel="Ext.core.Element" class="docClass">Ext.core.Element</a> object instead of DOM node</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">HTMLElement</span> <p>The matching DOM node (or null if no match was found)</p>
+</li></ul></div></div></div><div id="method-findParentNode" class="member inherited"><a href="Ext.Layer.html#method-findParentNode" rel="method-findParentNode" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.traversal.html#Ext-core.Element-method-findParentNode" class="viewSource">view source</a></div><a name="findParentNode"></a><a name="method-findParentNode"></a><a href="Ext.Layer.html#" rel="method-findParentNode" class="cls expand">findParentNode</a>(
+<span class="pre">String selector, [Number/Mixed maxDepth], [Boolean returnEl]</span>)
+ : HTMLElement</div><div class="description"><div class="short"><p>Looks at parent nodes for a match of the passed simple selector (e.g. div.some-class or span:first-child)</p>
+</div><div class="long"><p>Looks at parent nodes for a match of the passed simple selector (e.g. div.some-class or span:first-child)</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">selector</span> : String<div class="sub-desc"><p>The simple selector to test</p>
+</div></li><li><span class="pre">maxDepth</span> : Number/Mixed<div class="sub-desc"><p>(optional) The max depth to</p>
+
+<pre><code> search as a number or element (defaults to 10 || document.body)
+</code></pre>
+</div></li><li><span class="pre">returnEl</span> : Boolean<div class="sub-desc"><p>(optional) True to return a <a href="Ext.core.Element.html" rel="Ext.core.Element" class="docClass">Ext.core.Element</a> object instead of DOM node</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">HTMLElement</span> <p>The matching DOM node (or null if no match was found)</p>
+</li></ul></div></div></div><div id="method-first" class="member inherited"><a href="Ext.Layer.html#method-first" rel="method-first" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.traversal.html#Ext-core.Element-method-first" class="viewSource">view source</a></div><a name="first"></a><a name="method-first"></a><a href="Ext.Layer.html#" rel="method-first" class="cls expand">first</a>(
+<span class="pre">[String selector], [Boolean returnDom]</span>)
+ : Ext.core.Element/HTMLElement</div><div class="description"><div class="short"><p>Gets the first child, skipping text nodes</p>
+</div><div class="long"><p>Gets the first child, skipping text nodes</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">selector</span> : String<div class="sub-desc"><p>(optional) Find the next sibling that matches the passed simple selector</p>
+</div></li><li><span class="pre">returnDom</span> : Boolean<div class="sub-desc"><p>(optional) True to return a raw dom node instead of an Ext.core.Element</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element/HTMLElement</span> <p>The first child or null</p>
+</li></ul></div></div></div><div id="method-fly" class="member inherited"><a href="Ext.Layer.html#method-fly" rel="method-fly" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element2.html#Ext-core.Element-method-fly" class="viewSource">view source</a></div><a name="fly"></a><a name="method-fly"></a><a href="Ext.Layer.html#" rel="method-fly" class="cls expand">fly</a>(
+<span class="pre">String/HTMLElement el, [String named]</span>)
+ : Element</div><div class="description"><div class="short">Gets the globally shared flyweight Element, with the passed node as the active element. Do not store a reference to t...</div><div class="long"><p>Gets the globally shared flyweight Element, with the passed node as the active element. Do not store a reference to this element -
+the dom node can be overwritten by other code. Shorthand of <a href="Ext.core.Element.html#fly" rel="Ext.core.Element#fly" class="docClass">Ext.core.Element.fly</a></p>
+
+
+<p>Use this to make one-time references to DOM elements which are not going to be accessed again either by
+application code, or by Ext's classes. If accessing an element which will be processed regularly, then <a href="Ext.html#get" rel="Ext#get" class="docClass">Ext.get</a>
+will be more appropriate to take advantage of the caching provided by the <a href="Ext.core.Element.html" rel="Ext.core.Element" class="docClass">Ext.core.Element</a> class.</p>
+
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">el</span> : String/HTMLElement<div class="sub-desc"><p>The dom node or id</p>
+</div></li><li><span class="pre">named</span> : String<div class="sub-desc"><p>(optional) Allows for creation of named reusable flyweights to prevent conflicts
+(e.g. internally <a href="Ext.html" rel="Ext" class="docClass">Ext</a> uses "_global")</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Element</span> <p>The shared Element object (or null if no matching element was found)</p>
+</li></ul></div></div></div><div id="method-focus" class="member inherited"><a href="Ext.Layer.html#method-focus" rel="method-focus" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element2.html#Ext-core.Element-method-focus" class="viewSource">view source</a></div><a name="focus"></a><a name="method-focus"></a><a href="Ext.Layer.html#" rel="method-focus" class="cls expand">focus</a>(
+<span class="pre">[Number defer], Object dom</span>)
+ : Ext.core.Element</div><div class="description"><div class="short"><p>Tries to focus the element. Any exceptions are caught and ignored.</p>
+</div><div class="long"><p>Tries to focus the element. Any exceptions are caught and ignored.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">defer</span> : Number<div class="sub-desc"><p>(optional) Milliseconds to defer the focus</p>
+</div></li><li><span class="pre">dom</span> : Object<div class="sub-desc">
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>this</p>
+</li></ul></div></div></div><div id="method-frame" class="member inherited"><a href="Ext.Layer.html#method-frame" rel="method-frame" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.anim.html#Ext-core.Element-method-frame" class="viewSource">view source</a></div><a name="frame"></a><a name="method-frame"></a><a href="Ext.Layer.html#" rel="method-frame" class="cls expand">frame</a>(
+<span class="pre">[String color], [Number count], [Object options]</span>)
+ : Ext.core.Element</div><div class="description"><div class="short">Shows a ripple of exploding, attenuating borders to draw attention to an Element.
+Usage:
+
+// default: a single light ...</div><div class="long"><p>Shows a ripple of exploding, attenuating borders to draw attention to an Element.
+Usage:</p>
+
+<pre><code>// default: a single light blue ripple
+el.frame();
+
+// custom: 3 red ripples lasting 3 seconds total
+el.frame("#ff0000", 3, { duration: 3 });
+
+// common config options shown with default values
+el.frame("#C3DAF9", 1, {
+ duration: 1 //duration of each individual ripple.
+ // Note: Easing is not configurable and will be ignored if included
+});
+</code></pre>
+
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">color</span> : String<div class="sub-desc"><p>(optional) The color of the border. Should be a 6 char hex color without the leading # (defaults to light blue: 'C3DAF9').</p>
+</div></li><li><span class="pre">count</span> : Number<div class="sub-desc"><p>(optional) The number of ripples to display (defaults to 1)</p>
+</div></li><li><span class="pre">options</span> : Object<div class="sub-desc"><p>(optional) Object literal with any of the Fx config options</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>The Element</p>
+</li></ul></div></div></div><div id="method-fromPoint" class="member inherited"><a href="Ext.Layer.html#method-fromPoint" rel="method-fromPoint" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.static.html#Ext-core.Element-method-fromPoint" class="viewSource">view source</a></div><a name="fromPoint"></a><a name="method-fromPoint"></a><a href="Ext.Layer.html#" rel="method-fromPoint" class="cls expand">fromPoint</a>(
+<span class="pre">Number x, Number x</span>)
+ : String</div><div class="description"><div class="short"><p>Returns the top Element that is located at the passed coordinates</p>
+</div><div class="long"><p>Returns the top Element that is located at the passed coordinates</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">x</span> : Number<div class="sub-desc"><p>The x coordinate</p>
+</div></li><li><span class="pre">x</span> : Number<div class="sub-desc"><p>The y coordinate</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">String</span> <p>The found Element</p>
+</li></ul></div></div></div><div id="method-get" class="member inherited"><a href="Ext.Layer.html#method-get" rel="method-get" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element2.html#Ext-core.Element-method-get" class="viewSource">view source</a></div><a name="get"></a><a name="method-get"></a><a href="Ext.Layer.html#" rel="method-get" class="cls expand">get</a>(
+<span class="pre">Mixed el</span>)
+ : Element</div><div class="description"><div class="short">Retrieves Ext.core.Element objects.
+
+This method does not retrieve Components. This method
+retrieves Ext.core.Element...</div><div class="long"><p>Retrieves <a href="Ext.core.Element.html" rel="Ext.core.Element" class="docClass">Ext.core.Element</a> objects.</p>
+
+<p><b>This method does not retrieve <a href="Ext.Component.html" rel="Ext.Component" class="docClass">Component</a>s.</b> This method
+retrieves <a href="Ext.core.Element.html" rel="Ext.core.Element" class="docClass">Ext.core.Element</a> objects which encapsulate DOM elements. To retrieve a Component by
+its ID, use <a href="Ext.ComponentManager.html#get" rel="Ext.ComponentManager#get" class="docClass">Ext.ComponentManager.get</a>.</p>
+
+
+<p>Uses simple caching to consistently return the same object. Automatically fixes if an
+object was recreated with the same id via AJAX or DOM.</p>
+
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">el</span> : Mixed<div class="sub-desc"><p>The id of the node, a DOM Node or an existing Element.</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Element</span> <p>The Element object (or null if no matching element was found)</p>
+</li></ul></div></div></div><div id="method-getAlignToXY" class="member inherited"><a href="Ext.Layer.html#method-getAlignToXY" rel="method-getAlignToXY" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.alignment.html#Ext-core.Element-method-getAlignToXY" class="viewSource">view source</a></div><a name="getAlignToXY"></a><a name="method-getAlignToXY"></a><a href="Ext.Layer.html#" rel="method-getAlignToXY" class="cls expand">getAlignToXY</a>(
+<span class="pre">Mixed element, String position, [Array offsets]</span>)
+ : Array</div><div class="description"><div class="short">Gets the x,y coordinates to align this element with another element. See alignTo for more info on the
+supported posit...</div><div class="long"><p>Gets the x,y coordinates to align this element with another element. See <a href="Ext.Layer.html#alignTo" rel="Ext.Layer#alignTo" class="docClass">alignTo</a> for more info on the
+supported position values.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">element</span> : Mixed<div class="sub-desc"><p>The element to align to.</p>
+</div></li><li><span class="pre">position</span> : String<div class="sub-desc"><p>(optional, defaults to "tl-bl?") The position to align to.</p>
+</div></li><li><span class="pre">offsets</span> : Array<div class="sub-desc"><p>(optional) Offset the positioning by [x, y]</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Array</span> <p>[x, y]</p>
+</li></ul></div></div></div><div id="method-getAnchorXY" class="member inherited"><a href="Ext.Layer.html#method-getAnchorXY" rel="method-getAnchorXY" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.alignment.html#Ext-core.Element-method-getAnchorXY" class="viewSource">view source</a></div><a name="getAnchorXY"></a><a name="method-getAnchorXY"></a><a href="Ext.Layer.html#" rel="method-getAnchorXY" class="cls expand">getAnchorXY</a>(
+<span class="pre">[String anchor], [Boolean local], [Object size]</span>)
+ : Array</div><div class="description"><div class="short"><p>Gets the x,y coordinates specified by the anchor position on the element.</p>
+</div><div class="long"><p>Gets the x,y coordinates specified by the anchor position on the element.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">anchor</span> : String<div class="sub-desc"><p>(optional) The specified anchor position (defaults to "c"). See <a href="Ext.Layer.html#alignTo" rel="Ext.Layer#alignTo" class="docClass">alignTo</a>
+for details on supported anchor positions.</p>
+</div></li><li><span class="pre">local</span> : Boolean<div class="sub-desc"><p>(optional) True to get the local (element top/left-relative) anchor position instead
+of page coordinates</p>
+</div></li><li><span class="pre">size</span> : Object<div class="sub-desc"><p>(optional) An object containing the size to use for calculating anchor position
+{width: (target width), height: (target height)} (defaults to the element's current size)</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Array</span> <p>[x, y] An array containing the element's x and y coordinates</p>
+</li></ul></div></div></div><div id="method-getAttributeNS" class="member inherited"><a href="Ext.Layer.html#method-getAttributeNS" rel="method-getAttributeNS" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element2.html#Ext-core.Element-method-getAttributeNS" class="viewSource">view source</a></div><a name="getAttributeNS"></a><a name="method-getAttributeNS"></a><a href="Ext.Layer.html#" rel="method-getAttributeNS" class="cls expand">getAttributeNS</a>(
+<span class="pre">String namespace, String name</span>)
+ : String</div><div class="description"><div class="short"><p>Returns the value of a namespaced attribute from the element's underlying DOM node.</p>
+</div><div class="long"><p>Returns the value of a namespaced attribute from the element's underlying DOM node.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">namespace</span> : String<div class="sub-desc"><p>The namespace in which to look for the attribute</p>
+</div></li><li><span class="pre">name</span> : String<div class="sub-desc"><p>The attribute name</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">String</span> <p>The attribute value
+@deprecated</p>
+</li></ul></div></div></div><div id="method-getBorderWidth" class="member inherited"><a href="Ext.Layer.html#method-getBorderWidth" rel="method-getBorderWidth" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.style.html#Ext-core.Element-method-getBorderWidth" class="viewSource">view source</a></div><a name="getBorderWidth"></a><a name="method-getBorderWidth"></a><a href="Ext.Layer.html#" rel="method-getBorderWidth" class="cls expand">getBorderWidth</a>(
+<span class="pre">String side</span>)
+ : Number</div><div class="description"><div class="short"><p>Gets the width of the border(s) for the specified side(s)</p>
+</div><div class="long"><p>Gets the width of the border(s) for the specified side(s)</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">side</span> : String<div class="sub-desc"><p>Can be t, l, r, b or any combination of those to add multiple values. For example,
+passing <tt>'lr'</tt> would get the border <b><u>l</u></b>eft width + the border <b><u>r</u></b>ight width.</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Number</span> <p>The width of the sides passed added together</p>
+</li></ul></div></div></div><div id="method-getBottom" class="member inherited"><a href="Ext.Layer.html#method-getBottom" rel="method-getBottom" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.position.html#Ext-core.Element-method-getBottom" class="viewSource">view source</a></div><a name="getBottom"></a><a name="method-getBottom"></a><a href="Ext.Layer.html#" rel="method-getBottom" class="cls expand">getBottom</a>(
+<span class="pre">Boolean local</span>)
+ : Number</div><div class="description"><div class="short"><p>Gets the bottom Y coordinate of the element (element Y position + element height)</p>
+</div><div class="long"><p>Gets the bottom Y coordinate of the element (element Y position + element height)</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">local</span> : Boolean<div class="sub-desc"><p>True to get the local css position instead of page coordinate</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Number</span>
+</li></ul></div></div></div><div id="method-getBox" class="member inherited"><a href="Ext.Layer.html#method-getBox" rel="method-getBox" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.position.html#Ext-core.Element-method-getBox" class="viewSource">view source</a></div><a name="getBox"></a><a name="method-getBox"></a><a href="Ext.Layer.html#" rel="method-getBox" class="cls expand">getBox</a>(
+<span class="pre">[Boolean contentBox], [Boolean local]</span>)
+ : Object</div><div class="description"><div class="short">Return an object defining the area of this Element which can be passed to setBox to
+set another Element's size/locati...</div><div class="long"><p>Return an object defining the area of this Element which can be passed to <a href="Ext.Layer.html#setBox" rel="Ext.Layer#setBox" class="docClass">setBox</a> to
+set another Element's size/location to match this element.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">contentBox</span> : Boolean<div class="sub-desc"><p>(optional) If true a box for the content of the element is returned.</p>
+</div></li><li><span class="pre">local</span> : Boolean<div class="sub-desc"><p>(optional) If true the element's left and top are returned instead of page x/y.</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Object</span> <p>box An object in the format</p>
+
+<pre><code>{
+ x: <Element's X position>,
+ y: <Element's Y position>,
+ width: <Element's width>,
+ height: <Element's height>,
+ bottom: <Element's lower bound>,
+ right: <Element's rightmost bound>
+}
+</code></pre>
+
+
+<p>The returned object may also be addressed as an Array where index 0 contains the X position
+and index 1 contains the Y position. So the result may also be used for <a href="Ext.Layer.html#setXY" rel="Ext.Layer#setXY" class="docClass">setXY</a></p>
+</li></ul></div></div></div><div id="method-getCenterXY" class="member inherited"><a href="Ext.Layer.html#method-getCenterXY" rel="method-getCenterXY" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.alignment.html#Ext-core.Element-method-getCenterXY" class="viewSource">view source</a></div><a name="getCenterXY"></a><a name="method-getCenterXY"></a><a href="Ext.Layer.html#" rel="method-getCenterXY" class="cls expand">getCenterXY</a> : Array</div><div class="description"><div class="short"><p>Calculates the x, y to center this element on the screen</p>
+</div><div class="long"><p>Calculates the x, y to center this element on the screen</p>
+<h3 class="pa">Returns</h3><ul><li><span class="pre">Array</span> <p>The x, y values [x, y]</p>
+</li></ul></div></div></div><div id="method-getColor" class="member inherited"><a href="Ext.Layer.html#method-getColor" rel="method-getColor" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.style.html#Ext-core.Element-method-getColor" class="viewSource">view source</a></div><a name="getColor"></a><a name="method-getColor"></a><a href="Ext.Layer.html#" rel="method-getColor" class="cls expand">getColor</a>(
+<span class="pre">String attr, String defaultValue, [String prefix]</span>)
+ : void</div><div class="description"><div class="short">Return the CSS color for the specified CSS attribute. rgb, 3 digit (like #fff) and valid values
+are convert to standa...</div><div class="long"><p>Return the CSS color for the specified CSS attribute. rgb, 3 digit (like #fff) and valid values
+are convert to standard 6 digit hex color.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">attr</span> : String<div class="sub-desc"><p>The css attribute</p>
+</div></li><li><span class="pre">defaultValue</span> : String<div class="sub-desc"><p>The default value to use when a valid color isn't found</p>
+</div></li><li><span class="pre">prefix</span> : String<div class="sub-desc"><p>(optional) defaults to #. Use an empty string when working with
+color anims.</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
+</li></ul></div></div></div><div id="method-getComputedHeight" class="member inherited"><a href="Ext.Layer.html#method-getComputedHeight" rel="method-getComputedHeight" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.style.html#Ext-core.Element-method-getComputedHeight" class="viewSource">view source</a></div><a name="getComputedHeight"></a><a name="method-getComputedHeight"></a><a href="Ext.Layer.html#" rel="method-getComputedHeight" class="cls expand">getComputedHeight</a> : Number</div><div class="description"><div class="short">Returns either the offsetHeight or the height of this element based on CSS height adjusted by padding or borders
+when...</div><div class="long"><p>Returns either the offsetHeight or the height of this element based on CSS height adjusted by padding or borders
+when needed to simulate offsetHeight when offsets aren't available. This may not work on display:none elements
+if a height has not been set using CSS.</p>
+<h3 class="pa">Returns</h3><ul><li><span class="pre">Number</span>
+</li></ul></div></div></div><div id="method-getComputedWidth" class="member inherited"><a href="Ext.Layer.html#method-getComputedWidth" rel="method-getComputedWidth" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.style.html#Ext-core.Element-method-getComputedWidth" class="viewSource">view source</a></div><a name="getComputedWidth"></a><a name="method-getComputedWidth"></a><a href="Ext.Layer.html#" rel="method-getComputedWidth" class="cls expand">getComputedWidth</a> : Number</div><div class="description"><div class="short">Returns either the offsetWidth or the width of this element based on CSS width adjusted by padding or borders
+when ne...</div><div class="long"><p>Returns either the offsetWidth or the width of this element based on CSS width adjusted by padding or borders
+when needed to simulate offsetWidth when offsets aren't available. This may not work on display:none elements
+if a width has not been set using CSS.</p>
+<h3 class="pa">Returns</h3><ul><li><span class="pre">Number</span>
+</li></ul></div></div></div><div id="method-getConstrainVector" class="member inherited"><a href="Ext.Layer.html#method-getConstrainVector" rel="method-getConstrainVector" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.alignment.html#Ext-core.Element-method-getConstrainVector" class="viewSource">view source</a></div><a name="getConstrainVector"></a><a name="method-getConstrainVector"></a><a href="Ext.Layer.html#" rel="method-getConstrainVector" class="cls expand">getConstrainVector</a>(
+<span class="pre">Object constrainTo, Object proposedPosition</span>)
+ : Array</div><div class="description"><div class="short">Returns the [X, Y] vector by which this element must be translated to make a best attempt
+to constrain within the pas...</div><div class="long"><p>Returns the <code>[X, Y]</code> vector by which this element must be translated to make a best attempt
+to constrain within the passed constraint. Returns <code>false</code> is this element does not need to be moved.</p>
+
+
+<p>Priority is given to constraining the top and left within the constraint.</p>
+
+
+<p>The constraint may either be an existing element into which this element is to be constrained, or
+an <a href="Ext.util.Region.html" rel="Ext.util.Region" class="docClass">Region</a> into which this element is to be constrained.</p>
+
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">constrainTo</span> : Object<div class="sub-desc"><p>{Mixed} The Element or <a href="Ext.util.Region.html" rel="Ext.util.Region" class="docClass">Region</a> into which this element is to be constrained.</p>
+</div></li><li><span class="pre">proposedPosition</span> : Object<div class="sub-desc"><p>{Array} A proposed <code>[X, Y]</code> position to test for validity and to produce a vector for instead
+of using this Element's current position;</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Array</span> <p><b>If</b> this element <i>needs</i> to be translated, an <code>[X, Y]</code>
+vector by which this element must be translated. Otherwise, <code>false</code>.</p>
+</li></ul></div></div></div><div id="method-getDocumentHeight" class="member inherited"><a href="Ext.Layer.html#method-getDocumentHeight" rel="method-getDocumentHeight" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.static.html#Ext-core.Element-method-getDocumentHeight" class="viewSource">view source</a></div><a name="getDocumentHeight"></a><a name="method-getDocumentHeight"></a><a href="Ext.Layer.html#" rel="method-getDocumentHeight" class="cls expand">getDocumentHeight</a> : Number</div><div class="description"><div class="short"><p>Retrieves the document height</p>
+</div><div class="long"><p>Retrieves the document height</p>
+<h3 class="pa">Returns</h3><ul><li><span class="pre">Number</span> <p>documentHeight</p>
+</li></ul></div></div></div><div id="method-getDocumentWidth" class="member inherited"><a href="Ext.Layer.html#method-getDocumentWidth" rel="method-getDocumentWidth" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.static.html#Ext-core.Element-method-getDocumentWidth" class="viewSource">view source</a></div><a name="getDocumentWidth"></a><a name="method-getDocumentWidth"></a><a href="Ext.Layer.html#" rel="method-getDocumentWidth" class="cls expand">getDocumentWidth</a> : Number</div><div class="description"><div class="short"><p>Retrieves the document width</p>
+</div><div class="long"><p>Retrieves the document width</p>
+<h3 class="pa">Returns</h3><ul><li><span class="pre">Number</span> <p>documentWidth</p>
+</li></ul></div></div></div><div id="method-getFrameWidth" class="member inherited"><a href="Ext.Layer.html#method-getFrameWidth" rel="method-getFrameWidth" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.style.html#Ext-core.Element-method-getFrameWidth" class="viewSource">view source</a></div><a name="getFrameWidth"></a><a name="method-getFrameWidth"></a><a href="Ext.Layer.html#" rel="method-getFrameWidth" class="cls expand">getFrameWidth</a>(
+<span class="pre">String sides, Object onlyContentBox</span>)
+ : Number</div><div class="description"><div class="short">Returns the sum width of the padding and borders for the passed "sides". See getBorderWidth()
+
+ for more informat...</div><div class="long"><p>Returns the sum width of the padding and borders for the passed "sides". See getBorderWidth()</p>
+
+<pre><code> for more information about the sides.
+</code></pre>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">sides</span> : String<div class="sub-desc">
+</div></li><li><span class="pre">onlyContentBox</span> : Object<div class="sub-desc">
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Number</span>
+</li></ul></div></div></div><div id="method-getHeight" class="member inherited"><a href="Ext.Layer.html#method-getHeight" rel="method-getHeight" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.style.html#Ext-core.Element-method-getHeight" class="viewSource">view source</a></div><a name="getHeight"></a><a name="method-getHeight"></a><a href="Ext.Layer.html#" rel="method-getHeight" class="cls expand">getHeight</a>(
+<span class="pre">[Boolean contentHeight], Object preciseHeight</span>)
+ : Number</div><div class="description"><div class="short"><p>Returns the offset height of the element</p>
+</div><div class="long"><p>Returns the offset height of the element</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">contentHeight</span> : Boolean<div class="sub-desc"><p>(optional) true to get the height minus borders and padding</p>
+</div></li><li><span class="pre">preciseHeight</span> : Object<div class="sub-desc">
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Number</span> <p>The element's height</p>
+</li></ul></div></div></div><div id="method-getLeft" class="member inherited"><a href="Ext.Layer.html#method-getLeft" rel="method-getLeft" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.position.html#Ext-core.Element-method-getLeft" class="viewSource">view source</a></div><a name="getLeft"></a><a name="method-getLeft"></a><a href="Ext.Layer.html#" rel="method-getLeft" class="cls expand">getLeft</a>(
+<span class="pre">Boolean local</span>)
+ : Number</div><div class="description"><div class="short"><p>Gets the left X coordinate</p>
+</div><div class="long"><p>Gets the left X coordinate</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">local</span> : Boolean<div class="sub-desc"><p>True to get the local css position instead of page coordinate</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Number</span>
+</li></ul></div></div></div><div id="method-getLoader" class="member inherited"><a href="Ext.Layer.html#method-getLoader" rel="method-getLoader" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element-more.html#Ext-core.Element-method-getLoader" class="viewSource">view source</a></div><a name="getLoader"></a><a name="method-getLoader"></a><a href="Ext.Layer.html#" rel="method-getLoader" class="cls expand">getLoader</a> : Ext.ElementLoader</div><div class="description"><div class="short"><p>Gets this element's <a href="Ext.ElementLoader.html" rel="Ext.ElementLoader" class="docClass">ElementLoader</a></p>
+</div><div class="long"><p>Gets this element's <a href="Ext.ElementLoader.html" rel="Ext.ElementLoader" class="docClass">ElementLoader</a></p>
+<h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.ElementLoader</span> <p>The loader</p>
+</li></ul></div></div></div><div id="method-getMargin" class="member inherited"><a href="Ext.Layer.html#method-getMargin" rel="method-getMargin" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.style.html#Ext-core.Element-method-getMargin" class="viewSource">view source</a></div><a name="getMargin"></a><a name="method-getMargin"></a><a href="Ext.Layer.html#" rel="method-getMargin" class="cls expand">getMargin</a>(
+<span class="pre">[String sides]</span>)
+ : Object/Number</div><div class="description"><div class="short">Returns an object with properties top, left, right and bottom representing the margins of this element unless sides i...</div><div class="long"><p>Returns an object with properties top, left, right and bottom representing the margins of this element unless sides is passed,
+then it returns the calculated width of the sides (see getPadding)</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">sides</span> : String<div class="sub-desc"><p>(optional) Any combination of l, r, t, b to get the sum of those sides</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Object/Number</span>
+</li></ul></div></div></div><div id="method-getOffsetsTo" class="member inherited"><a href="Ext.Layer.html#method-getOffsetsTo" rel="method-getOffsetsTo" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.position.html#Ext-core.Element-method-getOffsetsTo" class="viewSource">view source</a></div><a name="getOffsetsTo"></a><a name="method-getOffsetsTo"></a><a href="Ext.Layer.html#" rel="method-getOffsetsTo" class="cls expand">getOffsetsTo</a>(
+<span class="pre">Mixed element</span>)
+ : Array</div><div class="description"><div class="short">Returns the offsets of this element from the passed element. Both element must be part of the DOM tree and not have d...</div><div class="long"><p>Returns the offsets of this element from the passed element. Both element must be part of the DOM tree and not have display:none to have page coordinates.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">element</span> : Mixed<div class="sub-desc"><p>The element to get the offsets from.</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Array</span> <p>The XY page offsets (e.g. [100, -200])</p>
+</li></ul></div></div></div><div id="method-getOrientation" class="member inherited"><a href="Ext.Layer.html#method-getOrientation" rel="method-getOrientation" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.static.html#Ext-core.Element-method-getOrientation" class="viewSource">view source</a></div><a name="getOrientation"></a><a name="method-getOrientation"></a><a href="Ext.Layer.html#" rel="method-getOrientation" class="cls expand">getOrientation</a> : String</div><div class="description"><div class="short">Retrieves the current orientation of the window. This is calculated by
+determing if the height is greater than the wi...</div><div class="long"><p>Retrieves the current orientation of the window. This is calculated by
+determing if the height is greater than the width.</p>
+<h3 class="pa">Returns</h3><ul><li><span class="pre">String</span> <p>Orientation of window: 'portrait' or 'landscape'</p>
+</li></ul></div></div></div><div id="method-getPadding" class="member inherited"><a href="Ext.Layer.html#method-getPadding" rel="method-getPadding" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.style.html#Ext-core.Element-method-getPadding" class="viewSource">view source</a></div><a name="getPadding"></a><a name="method-getPadding"></a><a href="Ext.Layer.html#" rel="method-getPadding" class="cls expand">getPadding</a>(
+<span class="pre">String side</span>)
+ : Number</div><div class="description"><div class="short"><p>Gets the width of the padding(s) for the specified side(s)</p>
+</div><div class="long"><p>Gets the width of the padding(s) for the specified side(s)</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">side</span> : String<div class="sub-desc"><p>Can be t, l, r, b or any combination of those to add multiple values. For example,
+passing <tt>'lr'</tt> would get the padding <b><u>l</u></b>eft + the padding <b><u>r</u></b>ight.</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Number</span> <p>The padding of the sides passed added together</p>
+</li></ul></div></div></div><div id="method-getPageBox" class="member inherited"><a href="Ext.Layer.html#method-getPageBox" rel="method-getPageBox" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.position.html#Ext-core.Element-method-getPageBox" class="viewSource">view source</a></div><a name="getPageBox"></a><a name="method-getPageBox"></a><a href="Ext.Layer.html#" rel="method-getPageBox" class="cls expand">getPageBox</a>(
+<span class="pre">[Boolean asRegion]</span>)
+ : Object</div><div class="description"><div class="short">Return an object defining the area of this Element which can be passed to setBox to
+set another Element's size/locati...</div><div class="long"><p>Return an object defining the area of this Element which can be passed to <a href="Ext.Layer.html#setBox" rel="Ext.Layer#setBox" class="docClass">setBox</a> to
+set another Element's size/location to match this element.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">asRegion</span> : Boolean<div class="sub-desc"><p>(optional) If true an <a href="Ext.util.Region.html" rel="Ext.util.Region" class="docClass">Ext.util.Region</a> will be returned</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Object</span> <p>box An object in the format</p>
+
+<pre><code>{
+ x: <Element's X position>,
+ y: <Element's Y position>,
+ width: <Element's width>,
+ height: <Element's height>,
+ bottom: <Element's lower bound>,
+ right: <Element's rightmost bound>
+}
+</code></pre>
+
+
+<p>The returned object may also be addressed as an Array where index 0 contains the X position
+and index 1 contains the Y position. So the result may also be used for <a href="Ext.Layer.html#setXY" rel="Ext.Layer#setXY" class="docClass">setXY</a></p>
+</li></ul></div></div></div><div id="method-getPositioning" class="member inherited"><a href="Ext.Layer.html#method-getPositioning" rel="method-getPositioning" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.position.html#Ext-core.Element-method-getPositioning" class="viewSource">view source</a></div><a name="getPositioning"></a><a name="method-getPositioning"></a><a href="Ext.Layer.html#" rel="method-getPositioning" class="cls expand">getPositioning</a> : Object</div><div class="description"><div class="short">Gets an object with all CSS positioning properties. Useful along with setPostioning to get
+snapshot before performing...</div><div class="long"><p>Gets an object with all CSS positioning properties. Useful along with setPostioning to get
+snapshot before performing an update and then restoring the element.</p>
+<h3 class="pa">Returns</h3><ul><li><span class="pre">Object</span>
+</li></ul></div></div></div><div id="method-getRegion" class="member inherited"><a href="Ext.Layer.html#method-getRegion" rel="method-getRegion" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.position.html#Ext-core.Element-method-getRegion" class="viewSource">view source</a></div><a name="getRegion"></a><a name="method-getRegion"></a><a href="Ext.Layer.html#" rel="method-getRegion" class="cls expand">getRegion</a> : Region</div><div class="description"><div class="short">Returns the region of this element.
+The element must be part of the DOM tree to have a region (display:none or elemen...</div><div class="long"><p>Returns the region of this element.
+The element must be part of the DOM tree to have a region (display:none or elements not appended return false).</p>
+<h3 class="pa">Returns</h3><ul><li><span class="pre">Region</span> <p>A <a href="Ext.util.Region.html" rel="Ext.util.Region" class="docClass">Ext.util.Region</a> containing "top, left, bottom, right" member data.</p>
+</li></ul></div></div></div><div id="method-getRight" class="member inherited"><a href="Ext.Layer.html#method-getRight" rel="method-getRight" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.position.html#Ext-core.Element-method-getRight" class="viewSource">view source</a></div><a name="getRight"></a><a name="method-getRight"></a><a href="Ext.Layer.html#" rel="method-getRight" class="cls expand">getRight</a>(
+<span class="pre">Boolean local</span>)
+ : Number</div><div class="description"><div class="short"><p>Gets the right X coordinate of the element (element X position + element width)</p>
+</div><div class="long"><p>Gets the right X coordinate of the element (element X position + element width)</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">local</span> : Boolean<div class="sub-desc"><p>True to get the local css position instead of page coordinate</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Number</span>
+</li></ul></div></div></div><div id="method-getScroll" class="member inherited"><a href="Ext.Layer.html#method-getScroll" rel="method-getScroll" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.scroll.html#Ext-core.Element-method-getScroll" class="viewSource">view source</a></div><a name="getScroll"></a><a name="method-getScroll"></a><a href="Ext.Layer.html#" rel="method-getScroll" class="cls expand">getScroll</a> : Object</div><div class="description"><div class="short"><p>Returns the current scroll position of the element.</p>
+</div><div class="long"><p>Returns the current scroll position of the element.</p>
+<h3 class="pa">Returns</h3><ul><li><span class="pre">Object</span> <p>An object containing the scroll position in the format {left: (scrollLeft), top: (scrollTop)}</p>
+</li></ul></div></div></div><div id="method-getSize" class="member inherited"><a href="Ext.Layer.html#method-getSize" rel="method-getSize" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.style.html#Ext-core.Element-method-getSize" class="viewSource">view source</a></div><a name="getSize"></a><a name="method-getSize"></a><a href="Ext.Layer.html#" rel="method-getSize" class="cls expand">getSize</a>(
+<span class="pre">[Boolean contentSize]</span>)
+ : Object</div><div class="description"><div class="short"><p>Returns the size of the element.</p>
+</div><div class="long"><p>Returns the size of the element.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">contentSize</span> : Boolean<div class="sub-desc"><p>(optional) true to get the width/size minus borders and padding</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Object</span> <p>An object containing the element's size {width: (element width), height: (element height)}</p>
+</li></ul></div></div></div><div id="method-getStyle" class="member inherited"><a href="Ext.Layer.html#method-getStyle" rel="method-getStyle" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.style.html#Ext-core.Element-method-getStyle" class="viewSource">view source</a></div><a name="getStyle"></a><a name="method-getStyle"></a><a href="Ext.Layer.html#" rel="method-getStyle" class="cls expand">getStyle</a>(
+<span class="pre">String property</span>)
+ : String</div><div class="description"><div class="short"><p>Normalizes currentStyle and computedStyle.</p>
+</div><div class="long"><p>Normalizes currentStyle and computedStyle.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">property</span> : String<div class="sub-desc"><p>The style property whose value is returned.</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">String</span> <p>The current value of the style property for this element.</p>
+</li></ul></div></div></div><div id="method-getStyleSize" class="member inherited"><a href="Ext.Layer.html#method-getStyleSize" rel="method-getStyleSize" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.style.html#Ext-core.Element-method-getStyleSize" class="viewSource">view source</a></div><a name="getStyleSize"></a><a name="method-getStyleSize"></a><a href="Ext.Layer.html#" rel="method-getStyleSize" class="cls expand">getStyleSize</a> : void</div><div class="description"><div class="short">Returns the dimensions of the element available to lay content out in.
+
+getStyleSize utilizes prefers style sizing if...</div><div class="long"><p>Returns the dimensions of the element available to lay content out in.<p>
+
+getStyleSize utilizes prefers style sizing if present, otherwise it chooses the larger of offsetHeight/clientHeight and offsetWidth/clientWidth.
+To obtain the size excluding scrollbars, use getViewSize
+
+Sizing of the document body is handled at the adapter level which handles special cases for IE and strict modes, etc.
+
+<h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
+</li></ul></div></div></div><div id="method-getStyles" class="member inherited"><a href="Ext.Layer.html#method-getStyles" rel="method-getStyles" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.style.html#Ext-core.Element-method-getStyles" class="viewSource">view source</a></div><a name="getStyles"></a><a name="method-getStyles"></a><a href="Ext.Layer.html#" rel="method-getStyles" class="cls expand">getStyles</a>(
+<span class="pre">String style1, String style2, String etc</span>)
+ : Object</div><div class="description"><div class="short">Returns an object with properties matching the styles requested.
+For example, el.getStyles('color', 'font-size', 'wid...</div><div class="long"><p>Returns an object with properties matching the styles requested.
+For example, el.getStyles('color', 'font-size', 'width') might return
+{'color': '#FFFFFF', 'font-size': '13px', 'width': '100px'}.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">style1</span> : String<div class="sub-desc"><p>A style name</p>
+</div></li><li><span class="pre">style2</span> : String<div class="sub-desc"><p>A style name</p>
+</div></li><li><span class="pre">etc</span> : String<div class="sub-desc"><p>.</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Object</span> <p>The style object</p>
+</li></ul></div></div></div><div id="method-getTextWidth" class="member inherited"><a href="Ext.Layer.html#method-getTextWidth" rel="method-getTextWidth" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/TextMetrics.html#Ext-core.Element-method-getTextWidth" class="viewSource">view source</a></div><a name="getTextWidth"></a><a name="method-getTextWidth"></a><a href="Ext.Layer.html#" rel="method-getTextWidth" class="cls expand">getTextWidth</a>(
+<span class="pre">String text, Number min, Number max</span>)
+ : Number</div><div class="description"><div class="short"><p>Returns the width in pixels of the passed text, or the width of the text in this Element. getTextWidth</p>
+</div><div class="long"><p>Returns the width in pixels of the passed text, or the width of the text in this Element. getTextWidth</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">text</span> : String<div class="sub-desc"><p>The text to measure. Defaults to the innerHTML of the element.</p>
+</div></li><li><span class="pre">min</span> : Number<div class="sub-desc"><p>(Optional) The minumum value to return.</p>
+</div></li><li><span class="pre">max</span> : Number<div class="sub-desc"><p>(Optional) The maximum value to return.</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Number</span> <p>The text width in pixels.</p>
+</li></ul></div></div></div><div id="method-getTop" class="member inherited"><a href="Ext.Layer.html#method-getTop" rel="method-getTop" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.position.html#Ext-core.Element-method-getTop" class="viewSource">view source</a></div><a name="getTop"></a><a name="method-getTop"></a><a href="Ext.Layer.html#" rel="method-getTop" class="cls expand">getTop</a>(
+<span class="pre">Boolean local</span>)
+ : Number</div><div class="description"><div class="short"><p>Gets the top Y coordinate</p>
+</div><div class="long"><p>Gets the top Y coordinate</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">local</span> : Boolean<div class="sub-desc"><p>True to get the local css position instead of page coordinate</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Number</span>
+</li></ul></div></div></div><div id="method-getValue" class="member inherited"><a href="Ext.Layer.html#method-getValue" rel="method-getValue" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element2.html#Ext-core.Element-method-getValue" class="viewSource">view source</a></div><a name="getValue"></a><a name="method-getValue"></a><a href="Ext.Layer.html#" rel="method-getValue" class="cls expand">getValue</a>(
+<span class="pre">Boolean asNumber</span>)
+ : String/Number</div><div class="description"><div class="short"><p>Returns the value of the "value" attribute</p>
+</div><div class="long"><p>Returns the value of the "value" attribute</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">asNumber</span> : Boolean<div class="sub-desc"><p>true to parse the value as a number</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">String/Number</span>
+</li></ul></div></div></div><div id="method-getViewRegion" class="member inherited"><a href="Ext.Layer.html#method-getViewRegion" rel="method-getViewRegion" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.position.html#Ext-core.Element-method-getViewRegion" class="viewSource">view source</a></div><a name="getViewRegion"></a><a name="method-getViewRegion"></a><a href="Ext.Layer.html#" rel="method-getViewRegion" class="cls expand">getViewRegion</a> : Region</div><div class="description"><div class="short"><p>Returns the <b>content</b> region of this element. That is the region within the borders and padding.</p>
+</div><div class="long"><p>Returns the <b>content</b> region of this element. That is the region within the borders and padding.</p>
+<h3 class="pa">Returns</h3><ul><li><span class="pre">Region</span> <p>A <a href="Ext.util.Region.html" rel="Ext.util.Region" class="docClass">Ext.util.Region</a> containing "top, left, bottom, right" member data.</p>
+</li></ul></div></div></div><div id="method-getViewSize" class="member inherited"><a href="Ext.Layer.html#method-getViewSize" rel="method-getViewSize" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.style.html#Ext-core.Element-method-getViewSize" class="viewSource">view source</a></div><a name="getViewSize"></a><a name="method-getViewSize"></a><a href="Ext.Layer.html#" rel="method-getViewSize" class="cls expand">getViewSize</a> : void</div><div class="description"><div class="short">Returns the dimensions of the element available to lay content out in.
+If the element (or any ancestor element) has C...</div><div class="long"><p>Returns the dimensions of the element available to lay content out in.<p>
+<p>If the element (or any ancestor element) has CSS style <code>display : none</code>, the dimensions will be zero.</p>
+example:
+<pre><code> var vpSize = Ext.getBody().getViewSize();
+
+ // all Windows created afterwards will have a default value of 90% height and 95% width
+ Ext.Window.override({
+ width: vpSize.width * 0.9,
+ height: vpSize.height * 0.95
+ });
+ // To handle window resizing you would have to hook onto onWindowResize.
+</code></pre>
+
+getViewSize utilizes clientHeight/clientWidth which excludes sizing of scrollbars.
+To obtain the size including scrollbars, use getStyleSize
+
+Sizing of the document body is handled at the adapter level which handles special cases for IE and strict modes, etc.
+
+<h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
+</li></ul></div></div></div><div id="method-getViewportHeight" class="member inherited"><a href="Ext.Layer.html#method-getViewportHeight" rel="method-getViewportHeight" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.static.html#Ext-core.Element-method-getViewportHeight" class="viewSource">view source</a></div><a name="getViewportHeight"></a><a name="method-getViewportHeight"></a><a href="Ext.Layer.html#" rel="method-getViewportHeight" class="cls expand">getViewportHeight</a> : Number</div><div class="description"><div class="short"><p>Retrieves the viewport height of the window.</p>
+</div><div class="long"><p>Retrieves the viewport height of the window.</p>
+<h3 class="pa">Returns</h3><ul><li><span class="pre">Number</span> <p>viewportHeight</p>
+</li></ul></div></div></div><div id="method-getViewportWidth" class="member inherited"><a href="Ext.Layer.html#method-getViewportWidth" rel="method-getViewportWidth" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.static.html#Ext-core.Element-method-getViewportWidth" class="viewSource">view source</a></div><a name="getViewportWidth"></a><a name="method-getViewportWidth"></a><a href="Ext.Layer.html#" rel="method-getViewportWidth" class="cls expand">getViewportWidth</a> : Number</div><div class="description"><div class="short"><p>Retrieves the viewport width of the window.</p>
+</div><div class="long"><p>Retrieves the viewport width of the window.</p>
+<h3 class="pa">Returns</h3><ul><li><span class="pre">Number</span> <p>viewportWidth</p>
+</li></ul></div></div></div><div id="method-getWidth" class="member inherited"><a href="Ext.Layer.html#method-getWidth" rel="method-getWidth" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.style.html#Ext-core.Element-method-getWidth" class="viewSource">view source</a></div><a name="getWidth"></a><a name="method-getWidth"></a><a href="Ext.Layer.html#" rel="method-getWidth" class="cls expand">getWidth</a>(
+<span class="pre">[Boolean contentWidth], Object preciseWidth</span>)
+ : Number</div><div class="description"><div class="short"><p>Returns the offset width of the element</p>
+</div><div class="long"><p>Returns the offset width of the element</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">contentWidth</span> : Boolean<div class="sub-desc"><p>(optional) true to get the width minus borders and padding</p>
+</div></li><li><span class="pre">preciseWidth</span> : Object<div class="sub-desc">
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Number</span> <p>The element's width</p>
+</li></ul></div></div></div><div id="method-getX" class="member inherited"><a href="Ext.Layer.html#method-getX" rel="method-getX" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.position.html#Ext-core.Element-method-getX" class="viewSource">view source</a></div><a name="getX"></a><a name="method-getX"></a><a href="Ext.Layer.html#" rel="method-getX" class="cls expand">getX</a> : Number</div><div class="description"><div class="short">Gets the current X position of the element based on page coordinates. Element must be part of the DOM tree to have p...</div><div class="long"><p>Gets the current X position of the element based on page coordinates. Element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false).</p>
+<h3 class="pa">Returns</h3><ul><li><span class="pre">Number</span> <p>The X position of the element</p>
+</li></ul></div></div></div><div id="method-getXY" class="member inherited"><a href="Ext.Layer.html#method-getXY" rel="method-getXY" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.position.html#Ext-core.Element-method-getXY" class="viewSource">view source</a></div><a name="getXY"></a><a name="method-getXY"></a><a href="Ext.Layer.html#" rel="method-getXY" class="cls expand">getXY</a> : Array</div><div class="description"><div class="short">Gets the current position of the element based on page coordinates. Element must be part of the DOM tree to have pag...</div><div class="long"><p>Gets the current position of the element based on page coordinates. Element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false).</p>
+<h3 class="pa">Returns</h3><ul><li><span class="pre">Array</span> <p>The XY position of the element</p>
+</li></ul></div></div></div><div id="method-getY" class="member inherited"><a href="Ext.Layer.html#method-getY" rel="method-getY" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.position.html#Ext-core.Element-method-getY" class="viewSource">view source</a></div><a name="getY"></a><a name="method-getY"></a><a href="Ext.Layer.html#" rel="method-getY" class="cls expand">getY</a> : Number</div><div class="description"><div class="short">Gets the current Y position of the element based on page coordinates. Element must be part of the DOM tree to have p...</div><div class="long"><p>Gets the current Y position of the element based on page coordinates. Element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false).</p>
+<h3 class="pa">Returns</h3><ul><li><span class="pre">Number</span> <p>The Y position of the element</p>
+</li></ul></div></div></div><div id="method-ghost" class="member inherited"><a href="Ext.Layer.html#method-ghost" rel="method-ghost" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.anim.html#Ext-core.Element-method-ghost" class="viewSource">view source</a></div><a name="ghost"></a><a name="method-ghost"></a><a href="Ext.Layer.html#" rel="method-ghost" class="cls expand">ghost</a>(
+<span class="pre">[String anchor], [Object options]</span>)
+ : Ext.core.Element</div><div class="description"><div class="short">Slides the element while fading it out of view. An anchor point can be optionally passed to set the
+ending point of ...</div><div class="long"><p>Slides the element while fading it out of view. An anchor point can be optionally passed to set the
+ending point of the effect.
+Usage:</p>
+
+<pre><code>// default: slide the element downward while fading out
+el.ghost();
+
+// custom: slide the element out to the right with a 2-second duration
+el.ghost('r', { duration: 2 });
+
+// common config options shown with default values
+el.ghost('b', {
+ easing: 'easeOut',
+ duration: 500
+});
+</code></pre>
+
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">anchor</span> : String<div class="sub-desc"><p>(optional) One of the valid Fx anchor positions (defaults to bottom: 'b')</p>
+</div></li><li><span class="pre">options</span> : Object<div class="sub-desc"><p>(optional) Object literal with any of the Fx config options</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>The Element</p>
+</li></ul></div></div></div><div id="method-hide" class="member inherited"><a href="Ext.Layer.html#method-hide" rel="method-hide" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.fx.html#Ext-core.Element-method-hide" class="viewSource">view source</a></div><a name="hide"></a><a name="method-hide"></a><a href="Ext.Layer.html#" rel="method-hide" class="cls expand">hide</a>(
+<span class="pre">[Boolean/Object animate]</span>)
+ : Ext.core.Element</div><div class="description"><div class="short"><p>Hide this element - Uses display mode to determine whether to use "display" or "visibility". See <a href="Ext.Layer.html#setVisible" rel="Ext.Layer#setVisible" class="docClass">setVisible</a>.</p>
+</div><div class="long"><p>Hide this element - Uses display mode to determine whether to use "display" or "visibility". See <a href="Ext.Layer.html#setVisible" rel="Ext.Layer#setVisible" class="docClass">setVisible</a>.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">animate</span> : Boolean/Object<div class="sub-desc"><p>(optional) true for the default animation or a standard Element animation config object</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>this</p>
+</li></ul></div></div></div><div id="method-highlight" class="member inherited"><a href="Ext.Layer.html#method-highlight" rel="method-highlight" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.anim.html#Ext-core.Element-method-highlight" class="viewSource">view source</a></div><a name="highlight"></a><a name="method-highlight"></a><a href="Ext.Layer.html#" rel="method-highlight" class="cls expand">highlight</a>(
+<span class="pre">[String color], [Object options]</span>)
+ : Ext.core.Element</div><div class="description"><div class="short">Highlights the Element by setting a color (applies to the background-color by default, but can be
+changed using the "...</div><div class="long"><p>Highlights the Element by setting a color (applies to the background-color by default, but can be
+changed using the "attr" config option) and then fading back to the original color. If no original
+color is available, you should provide the "endColor" config option which will be cleared after the animation.
+Usage:</p>
+
+<pre><code>// default: highlight background to yellow
+el.highlight();
+
+// custom: highlight foreground text to blue for 2 seconds
+el.highlight("0000ff", { attr: 'color', duration: 2 });
+
+// common config options shown with default values
+el.highlight("ffff9c", {
+ attr: "backgroundColor", //can be any valid CSS property (attribute) that supports a color value
+ endColor: (current color) or "ffffff",
+ easing: 'easeIn',
+ duration: 1000
+});
+</code></pre>
+
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">color</span> : String<div class="sub-desc"><p>(optional) The highlight color. Should be a 6 char hex color without the leading # (defaults to yellow: 'ffff9c')</p>
+</div></li><li><span class="pre">options</span> : Object<div class="sub-desc"><p>(optional) Object literal with any of the Fx config options</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>The Element</p>
+</li></ul></div></div></div><div id="method-hover" class="member inherited"><a href="Ext.Layer.html#method-hover" rel="method-hover" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element2.html#Ext-core.Element-method-hover" class="viewSource">view source</a></div><a name="hover"></a><a name="method-hover"></a><a href="Ext.Layer.html#" rel="method-hover" class="cls expand">hover</a>(
+<span class="pre">Function overFn, Function outFn, [Object scope], [Object options]</span>)
+ : Ext.core.Element</div><div class="description"><div class="short"><p>Sets up event handlers to call the passed functions when the mouse is moved into and out of the Element.</p>
+</div><div class="long"><p>Sets up event handlers to call the passed functions when the mouse is moved into and out of the Element.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">overFn</span> : Function<div class="sub-desc"><p>The function to call when the mouse enters the Element.</p>
+</div></li><li><span class="pre">outFn</span> : Function<div class="sub-desc"><p>The function to call when the mouse leaves the Element.</p>
+</div></li><li><span class="pre">scope</span> : Object<div class="sub-desc"><p>(optional) The scope (<code>this</code> reference) in which the functions are executed. Defaults to the Element's DOM element.</p>
+</div></li><li><span class="pre">options</span> : Object<div class="sub-desc"><p>(optional) Options for the listener. See <a href="Ext.util.Observable.html#addListener" rel="Ext.util.Observable#addListener" class="docClass">the <tt>options</tt> parameter</a>.</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>this</p>
+</li></ul></div></div></div><div id="method-initDD" class="member inherited"><a href="Ext.Layer.html#method-initDD" rel="method-initDD" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.dd.html#Ext-core.Element-method-initDD" class="viewSource">view source</a></div><a name="initDD"></a><a name="method-initDD"></a><a href="Ext.Layer.html#" rel="method-initDD" class="cls expand">initDD</a>(
+<span class="pre">String group, Object config, Object overrides</span>)
+ : Ext.dd.DD</div><div class="description"><div class="short"><p>Initializes a <a href="Ext.dd.DD.html" rel="Ext.dd.DD" class="docClass">Ext.dd.DD</a> drag drop object for this element.</p>
+</div><div class="long"><p>Initializes a <a href="Ext.dd.DD.html" rel="Ext.dd.DD" class="docClass">Ext.dd.DD</a> drag drop object for this element.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">group</span> : String<div class="sub-desc"><p>The group the DD object is member of</p>
+</div></li><li><span class="pre">config</span> : Object<div class="sub-desc"><p>The DD config object</p>
+</div></li><li><span class="pre">overrides</span> : Object<div class="sub-desc"><p>An object containing methods to override/implement on the DD object</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.dd.DD</span> <p>The DD object</p>
+</li></ul></div></div></div><div id="method-initDDProxy" class="member inherited"><a href="Ext.Layer.html#method-initDDProxy" rel="method-initDDProxy" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.dd.html#Ext-core.Element-method-initDDProxy" class="viewSource">view source</a></div><a name="initDDProxy"></a><a name="method-initDDProxy"></a><a href="Ext.Layer.html#" rel="method-initDDProxy" class="cls expand">initDDProxy</a>(
+<span class="pre">String group, Object config, Object overrides</span>)
+ : Ext.dd.DDProxy</div><div class="description"><div class="short"><p>Initializes a <a href="Ext.dd.DDProxy.html" rel="Ext.dd.DDProxy" class="docClass">Ext.dd.DDProxy</a> object for this element.</p>
+</div><div class="long"><p>Initializes a <a href="Ext.dd.DDProxy.html" rel="Ext.dd.DDProxy" class="docClass">Ext.dd.DDProxy</a> object for this element.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">group</span> : String<div class="sub-desc"><p>The group the DDProxy object is member of</p>
+</div></li><li><span class="pre">config</span> : Object<div class="sub-desc"><p>The DDProxy config object</p>
+</div></li><li><span class="pre">overrides</span> : Object<div class="sub-desc"><p>An object containing methods to override/implement on the DDProxy object</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.dd.DDProxy</span> <p>The DDProxy object</p>
+</li></ul></div></div></div><div id="method-initDDTarget" class="member inherited"><a href="Ext.Layer.html#method-initDDTarget" rel="method-initDDTarget" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.dd.html#Ext-core.Element-method-initDDTarget" class="viewSource">view source</a></div><a name="initDDTarget"></a><a name="method-initDDTarget"></a><a href="Ext.Layer.html#" rel="method-initDDTarget" class="cls expand">initDDTarget</a>(
+<span class="pre">String group, Object config, Object overrides</span>)
+ : Ext.dd.DDTarget</div><div class="description"><div class="short"><p>Initializes a <a href="Ext.dd.DDTarget.html" rel="Ext.dd.DDTarget" class="docClass">Ext.dd.DDTarget</a> object for this element.</p>
+</div><div class="long"><p>Initializes a <a href="Ext.dd.DDTarget.html" rel="Ext.dd.DDTarget" class="docClass">Ext.dd.DDTarget</a> object for this element.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">group</span> : String<div class="sub-desc"><p>The group the DDTarget object is member of</p>
+</div></li><li><span class="pre">config</span> : Object<div class="sub-desc"><p>The DDTarget config object</p>
+</div></li><li><span class="pre">overrides</span> : Object<div class="sub-desc"><p>An object containing methods to override/implement on the DDTarget object</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.dd.DDTarget</span> <p>The DDTarget object</p>
+</li></ul></div></div></div><div id="method-insertAfter" class="member inherited"><a href="Ext.Layer.html#method-insertAfter" rel="method-insertAfter" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.insertion.html#Ext-core.Element-method-insertAfter" class="viewSource">view source</a></div><a name="insertAfter"></a><a name="method-insertAfter"></a><a href="Ext.Layer.html#" rel="method-insertAfter" class="cls expand">insertAfter</a>(
+<span class="pre">Mixed el</span>)
+ : Ext.core.Element</div><div class="description"><div class="short"><p>Inserts this element after the passed element in the DOM</p>
+</div><div class="long"><p>Inserts this element after the passed element in the DOM</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">el</span> : Mixed<div class="sub-desc"><p>The element to insert after</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>this</p>
+</li></ul></div></div></div><div id="method-insertBefore" class="member inherited"><a href="Ext.Layer.html#method-insertBefore" rel="method-insertBefore" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.insertion.html#Ext-core.Element-method-insertBefore" class="viewSource">view source</a></div><a name="insertBefore"></a><a name="method-insertBefore"></a><a href="Ext.Layer.html#" rel="method-insertBefore" class="cls expand">insertBefore</a>(
+<span class="pre">Mixed el</span>)
+ : Ext.core.Element</div><div class="description"><div class="short"><p>Inserts this element before the passed element in the DOM</p>
+</div><div class="long"><p>Inserts this element before the passed element in the DOM</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">el</span> : Mixed<div class="sub-desc"><p>The element before which this element will be inserted</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>this</p>
+</li></ul></div></div></div><div id="method-insertFirst" class="member inherited"><a href="Ext.Layer.html#method-insertFirst" rel="method-insertFirst" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.insertion.html#Ext-core.Element-method-insertFirst" class="viewSource">view source</a></div><a name="insertFirst"></a><a name="method-insertFirst"></a><a href="Ext.Layer.html#" rel="method-insertFirst" class="cls expand">insertFirst</a>(
+<span class="pre">Mixed/Object el, Object returnDom</span>)
+ : Ext.core.Element</div><div class="description"><div class="short"><p>Inserts (or creates) an element (or DomHelper config) as the first child of this element</p>
+</div><div class="long"><p>Inserts (or creates) an element (or DomHelper config) as the first child of this element</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">el</span> : Mixed/Object<div class="sub-desc"><p>The id or element to insert or a DomHelper config to create and insert</p>
+</div></li><li><span class="pre">returnDom</span> : Object<div class="sub-desc">
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>The new child</p>
+</li></ul></div></div></div><div id="method-insertHtml" class="member inherited"><a href="Ext.Layer.html#method-insertHtml" rel="method-insertHtml" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.insertion.html#Ext-core.Element-method-insertHtml" class="viewSource">view source</a></div><a name="insertHtml"></a><a name="method-insertHtml"></a><a href="Ext.Layer.html#" rel="method-insertHtml" class="cls expand">insertHtml</a>(
+<span class="pre">String where, String html, [Boolean returnEl]</span>)
+ : HTMLElement/Ext.core.Element</div><div class="description"><div class="short"><p>Inserts an html fragment into this element</p>
+</div><div class="long"><p>Inserts an html fragment into this element</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">where</span> : String<div class="sub-desc"><p>Where to insert the html in relation to this element - beforeBegin, afterBegin, beforeEnd, afterEnd.</p>
+</div></li><li><span class="pre">html</span> : String<div class="sub-desc"><p>The HTML fragment</p>
+</div></li><li><span class="pre">returnEl</span> : Boolean<div class="sub-desc"><p>(optional) True to return an <a href="Ext.core.Element.html" rel="Ext.core.Element" class="docClass">Ext.core.Element</a> (defaults to false)</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">HTMLElement/Ext.core.Element</span> <p>The inserted node (or nearest related if more than 1 inserted)</p>
+</li></ul></div></div></div><div id="method-insertSibling" class="member inherited"><a href="Ext.Layer.html#method-insertSibling" rel="method-insertSibling" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.insertion.html#Ext-core.Element-method-insertSibling" class="viewSource">view source</a></div><a name="insertSibling"></a><a name="method-insertSibling"></a><a href="Ext.Layer.html#" rel="method-insertSibling" class="cls expand">insertSibling</a>(
+<span class="pre">Mixed/Object/Array el, [String where], [Boolean returnDom]</span>)
+ : Ext.core.Element</div><div class="description"><div class="short"><p>Inserts (or creates) the passed element (or DomHelper config) as a sibling of this element</p>
+</div><div class="long"><p>Inserts (or creates) the passed element (or DomHelper config) as a sibling of this element</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">el</span> : Mixed/Object/Array<div class="sub-desc"><p>The id, element to insert or a DomHelper config to create and insert <em>or</em> an array of any of those.</p>
+</div></li><li><span class="pre">where</span> : String<div class="sub-desc"><p>(optional) 'before' or 'after' defaults to before</p>
+</div></li><li><span class="pre">returnDom</span> : Boolean<div class="sub-desc"><p>(optional) True to return the .;ll;l,raw DOM element instead of Ext.core.Element</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>The inserted Element. If an array is passed, the last inserted element is returned.</p>
+</li></ul></div></div></div><div id="method-is" class="member inherited"><a href="Ext.Layer.html#method-is" rel="method-is" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element2.html#Ext-core.Element-method-is" class="viewSource">view source</a></div><a name="is"></a><a name="method-is"></a><a href="Ext.Layer.html#" rel="method-is" class="cls expand">is</a>(
+<span class="pre">String selector</span>)
+ : Boolean</div><div class="description"><div class="short"><p>Returns true if this element matches the passed simple selector (e.g. div.some-class or span:first-child)</p>
+</div><div class="long"><p>Returns true if this element matches the passed simple selector (e.g. div.some-class or span:first-child)</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">selector</span> : String<div class="sub-desc"><p>The simple selector to test</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Boolean</span> <p>True if this element matches the selector, else false</p>
+</li></ul></div></div></div><div id="method-isBorderBox" class="member inherited"><a href="Ext.Layer.html#method-isBorderBox" rel="method-isBorderBox" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element2.html#Ext-core.Element-method-isBorderBox" class="viewSource">view source</a></div><a name="isBorderBox"></a><a name="method-isBorderBox"></a><a href="Ext.Layer.html#" rel="method-isBorderBox" class="cls expand">isBorderBox</a> : Boolean</div><div class="description"><div class="short"><p>Tests various css rules/browsers to determine if this element uses a border box</p>
+</div><div class="long"><p>Tests various css rules/browsers to determine if this element uses a border box</p>
+<h3 class="pa">Returns</h3><ul><li><span class="pre">Boolean</span>
+</li></ul></div></div></div><div id="method-isDisplayed" class="member inherited"><a href="Ext.Layer.html#method-isDisplayed" rel="method-isDisplayed" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.fx-more.html#Ext-core.Element-method-isDisplayed" class="viewSource">view source</a></div><a name="isDisplayed"></a><a name="method-isDisplayed"></a><a href="Ext.Layer.html#" rel="method-isDisplayed" class="cls expand">isDisplayed</a> : Boolean</div><div class="description"><div class="short"><p>Returns true if display is not "none"</p>
+</div><div class="long"><p>Returns true if display is not "none"</p>
+<h3 class="pa">Returns</h3><ul><li><span class="pre">Boolean</span>
+</li></ul></div></div></div><div id="method-isMasked" class="member inherited"><a href="Ext.Layer.html#method-isMasked" rel="method-isMasked" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.fx-more.html#Ext-core.Element-method-isMasked" class="viewSource">view source</a></div><a name="isMasked"></a><a name="method-isMasked"></a><a href="Ext.Layer.html#" rel="method-isMasked" class="cls expand">isMasked</a> : Boolean</div><div class="description"><div class="short"><p>Returns true if this element is masked. Also re-centers any displayed message within the mask.</p>
+</div><div class="long"><p>Returns true if this element is masked. Also re-centers any displayed message within the mask.</p>
+<h3 class="pa">Returns</h3><ul><li><span class="pre">Boolean</span>
+</li></ul></div></div></div><div id="method-isScrollable" class="member inherited"><a href="Ext.Layer.html#method-isScrollable" rel="method-isScrollable" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.scroll.html#Ext-core.Element-method-isScrollable" class="viewSource">view source</a></div><a name="isScrollable"></a><a name="method-isScrollable"></a><a href="Ext.Layer.html#" rel="method-isScrollable" class="cls expand">isScrollable</a> : Boolean</div><div class="description"><div class="short"><p>Returns true if this element is scrollable.</p>
+</div><div class="long"><p>Returns true if this element is scrollable.</p>
+<h3 class="pa">Returns</h3><ul><li><span class="pre">Boolean</span>
+</li></ul></div></div></div><div id="method-isVisible" class="member inherited"><a href="Ext.Layer.html#method-isVisible" rel="method-isVisible" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.fx.html#Ext-core.Element-method-isVisible" class="viewSource">view source</a></div><a name="isVisible"></a><a name="method-isVisible"></a><a href="Ext.Layer.html#" rel="method-isVisible" class="cls expand">isVisible</a> : Boolean</div><div class="description"><div class="short"><p>Checks whether the element is currently visible using both visibility and display properties.</p>
+</div><div class="long"><p>Checks whether the element is currently visible using both visibility and display properties.</p>
+<h3 class="pa">Returns</h3><ul><li><span class="pre">Boolean</span> <p>True if the element is currently visible, else false</p>
+</li></ul></div></div></div><div id="method-last" class="member inherited"><a href="Ext.Layer.html#method-last" rel="method-last" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.traversal.html#Ext-core.Element-method-last" class="viewSource">view source</a></div><a name="last"></a><a name="method-last"></a><a href="Ext.Layer.html#" rel="method-last" class="cls expand">last</a>(
+<span class="pre">[String selector], [Boolean returnDom]</span>)
+ : Ext.core.Element/HTMLElement</div><div class="description"><div class="short"><p>Gets the last child, skipping text nodes</p>
+</div><div class="long"><p>Gets the last child, skipping text nodes</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">selector</span> : String<div class="sub-desc"><p>(optional) Find the previous sibling that matches the passed simple selector</p>
+</div></li><li><span class="pre">returnDom</span> : Boolean<div class="sub-desc"><p>(optional) True to return a raw dom node instead of an Ext.core.Element</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element/HTMLElement</span> <p>The last child or null</p>
+</li></ul></div></div></div><div id="method-load" class="member inherited"><a href="Ext.Layer.html#method-load" rel="method-load" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element-more.html#Ext-core.Element-method-load" class="viewSource">view source</a></div><a name="load"></a><a name="method-load"></a><a href="Ext.Layer.html#" rel="method-load" class="cls expand">load</a>(
+<span class="pre">Object options</span>)
+ : Ext.core.Element</div><div class="description"><div class="short">Direct access to the Ext.ElementLoader Ext.ElementLoader.load method. The method takes the same object
+parameter as E...</div><div class="long"><p>Direct access to the <a href="Ext.ElementLoader.html" rel="Ext.ElementLoader" class="docClass">Ext.ElementLoader</a> <a href="Ext.ElementLoader.html#load" rel="Ext.ElementLoader#load" class="docClass">Ext.ElementLoader.load</a> method. The method takes the same object
+parameter as <a href="Ext.ElementLoader.html#load" rel="Ext.ElementLoader#load" class="docClass">Ext.ElementLoader.load</a></p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">options</span> : Object<div class="sub-desc">
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>this</p>
+</li></ul></div></div></div><div id="method-mask" class="member inherited"><a href="Ext.Layer.html#method-mask" rel="method-mask" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.fx-more.html#Ext-core.Element-method-mask" class="viewSource">view source</a></div><a name="mask"></a><a name="method-mask"></a><a href="Ext.Layer.html#" rel="method-mask" class="cls expand">mask</a>(
+<span class="pre">[String msg], [String msgCls]</span>)
+ : Element</div><div class="description"><div class="short">Puts a mask over this element to disable user interaction. Requires core.css.
+This method can only be applied to elem...</div><div class="long"><p>Puts a mask over this element to disable user interaction. Requires core.css.
+This method can only be applied to elements which accept child nodes.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">msg</span> : String<div class="sub-desc"><p>(optional) A message to display in the mask</p>
+</div></li><li><span class="pre">msgCls</span> : String<div class="sub-desc"><p>(optional) A css class to apply to the msg element</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Element</span> <p>The mask element</p>
+</li></ul></div></div></div><div id="method-monitorMouseLeave" class="member inherited"><a href="Ext.Layer.html#method-monitorMouseLeave" rel="method-monitorMouseLeave" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element-more.html#Ext-core.Element-method-monitorMouseLeave" class="viewSource">view source</a></div><a name="monitorMouseLeave"></a><a name="method-monitorMouseLeave"></a><a href="Ext.Layer.html#" rel="method-monitorMouseLeave" class="cls expand">monitorMouseLeave</a>(
+<span class="pre">Number delay, Function handler, Object scope</span>)
+ : Object</div><div class="description"><div class="short">Monitors this Element for the mouse leaving. Calls the function after the specified delay only if
+the mouse was not m...</div><div class="long"><p>Monitors this Element for the mouse leaving. Calls the function after the specified delay only if
+the mouse was not moved back into the Element within the delay. If the mouse <i>was</i> moved
+back in, the function is not called.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">delay</span> : Number<div class="sub-desc"><p>The delay <b>in milliseconds</b> to wait for possible mouse re-entry before calling the handler function.</p>
+</div></li><li><span class="pre">handler</span> : Function<div class="sub-desc"><p>The function to call if the mouse remains outside of this Element for the specified time.</p>
+</div></li><li><span class="pre">scope</span> : Object<div class="sub-desc"><p>The scope (<code>this</code> reference) in which the handler function executes. Defaults to this Element.</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Object</span> <p>The listeners object which was added to this element so that monitoring can be stopped. Example usage:</pre><code>
+// Hide the menu if the mouse moves out for 250ms or more
+this.mouseLeaveMonitor = this.menuEl.monitorMouseLeave(250, this.hideMenu, this);</p>
+
+<p>...
+// Remove mouseleave monitor on menu destroy
+this.menuEl.un(this.mouseLeaveMonitor);
+</code></pre></p>
+</li></ul></div></div></div><div id="method-move" class="member inherited"><a href="Ext.Layer.html#method-move" rel="method-move" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.position.html#Ext-core.Element-method-move" class="viewSource">view source</a></div><a name="move"></a><a name="method-move"></a><a href="Ext.Layer.html#" rel="method-move" class="cls expand">move</a>(
+<span class="pre">String direction, Number distance, [Boolean/Object animate]</span>)
+ : Ext.core.Element</div><div class="description"><div class="short"><p>Move this element relative to its current position.</p>
+</div><div class="long"><p>Move this element relative to its current position.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">direction</span> : String<div class="sub-desc"><p>Possible values are: "l" (or "left"), "r" (or "right"), "t" (or "top", or "up"), "b" (or "bottom", or "down").</p>
+</div></li><li><span class="pre">distance</span> : Number<div class="sub-desc"><p>How far to move the element in pixels</p>
+</div></li><li><span class="pre">animate</span> : Boolean/Object<div class="sub-desc"><p>(optional) true for the default animation or a standard Element animation config object</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>this</p>
+</li></ul></div></div></div><div id="method-moveTo" class="member inherited"><a href="Ext.Layer.html#method-moveTo" rel="method-moveTo" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.position.html#Ext-core.Element-method-moveTo" class="viewSource">view source</a></div><a name="moveTo"></a><a name="method-moveTo"></a><a href="Ext.Layer.html#" rel="method-moveTo" class="cls expand">moveTo</a>(
+<span class="pre">Number x, Number y, [Boolean/Object animate]</span>)
+ : Ext.core.Element</div><div class="description"><div class="short">Sets the position of the element in page coordinates, regardless of how the element is positioned.
+The element must b...</div><div class="long"><p>Sets the position of the element in page coordinates, regardless of how the element is positioned.
+The element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false).</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">x</span> : Number<div class="sub-desc"><p>X value for new position (coordinates are page-based)</p>
+</div></li><li><span class="pre">y</span> : Number<div class="sub-desc"><p>Y value for new position (coordinates are page-based)</p>
+</div></li><li><span class="pre">animate</span> : Boolean/Object<div class="sub-desc"><p>(optional) True for the default animation, or a standard Element animation config object</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>this</p>
+</li></ul></div></div></div><div id="method-next" class="member inherited"><a href="Ext.Layer.html#method-next" rel="method-next" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.traversal.html#Ext-core.Element-method-next" class="viewSource">view source</a></div><a name="next"></a><a name="method-next"></a><a href="Ext.Layer.html#" rel="method-next" class="cls expand">next</a>(
+<span class="pre">[String selector], [Boolean returnDom]</span>)
+ : Ext.core.Element/HTMLElement</div><div class="description"><div class="short"><p>Gets the next sibling, skipping text nodes</p>
+</div><div class="long"><p>Gets the next sibling, skipping text nodes</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">selector</span> : String<div class="sub-desc"><p>(optional) Find the next sibling that matches the passed simple selector</p>
+</div></li><li><span class="pre">returnDom</span> : Boolean<div class="sub-desc"><p>(optional) True to return a raw dom node instead of an Ext.core.Element</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element/HTMLElement</span> <p>The next sibling or null</p>
+</li></ul></div></div></div><div id="method-normalize" class="member inherited"><a href="Ext.Layer.html#method-normalize" rel="method-normalize" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.static.html#Ext-core.Element-method-normalize" class="viewSource">view source</a></div><a name="normalize"></a><a name="method-normalize"></a><a href="Ext.Layer.html#" rel="method-normalize" class="cls expand">normalize</a>(
+<span class="pre">String prop</span>)
+ : String</div><div class="description"><div class="short">Normalizes CSS property keys from dash delimited to camel case JavaScript Syntax.
+For example:
+
+
+ border-width -> bor...</div><div class="long"><p>Normalizes CSS property keys from dash delimited to camel case JavaScript Syntax.
+For example:</p>
+
+<ul>
+ <li>border-width -> borderWidth</li>
+ <li>padding-top -> paddingTop</li>
+</ul>
+
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">prop</span> : String<div class="sub-desc"><p>The property to normalize</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">String</span> <p>The normalized string</p>
+</li></ul></div></div></div><div id="method-on" class="member inherited"><a href="Ext.Layer.html#method-on" rel="method-on" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element2.html#Ext-core.Element-method-on" class="viewSource">view source</a></div><a name="on"></a><a name="method-on"></a><a href="Ext.Layer.html#" rel="method-on" class="cls expand">on</a>(
+<span class="pre">String eventName, Function fn, [Object scope], [Object options]</span>)
+ : void</div><div class="description"><div class="short"><p>Appends an event handler (shorthand for <a href="Ext.Layer.html#addListener" rel="Ext.Layer#addListener" class="docClass">addListener</a>).</p>
+</div><div class="long"><p>Appends an event handler (shorthand for <a href="Ext.Layer.html#addListener" rel="Ext.Layer#addListener" class="docClass">addListener</a>).</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">eventName</span> : String<div class="sub-desc"><p>The name of event to handle.</p>
+</div></li><li><span class="pre">fn</span> : Function<div class="sub-desc"><p>The handler function the event invokes.</p>
+</div></li><li><span class="pre">scope</span> : Object<div class="sub-desc"><p>(optional) The scope (<code>this</code> reference) in which the handler function is executed.</p>
+</div></li><li><span class="pre">options</span> : Object<div class="sub-desc"><p>(optional) An object containing standard <a href="Ext.Layer.html#addListener" rel="Ext.Layer#addListener" class="docClass">addListener</a> options</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
+</li></ul></div></div></div><div id="method-parent" class="member inherited"><a href="Ext.Layer.html#method-parent" rel="method-parent" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.traversal.html#Ext-core.Element-method-parent" class="viewSource">view source</a></div><a name="parent"></a><a name="method-parent"></a><a href="Ext.Layer.html#" rel="method-parent" class="cls expand">parent</a>(
+<span class="pre">[String selector], [Boolean returnDom]</span>)
+ : Ext.core.Element/HTMLElement</div><div class="description"><div class="short"><p>Gets the parent node for this element, optionally chaining up trying to match a selector</p>
+</div><div class="long"><p>Gets the parent node for this element, optionally chaining up trying to match a selector</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">selector</span> : String<div class="sub-desc"><p>(optional) Find a parent node that matches the passed simple selector</p>
+</div></li><li><span class="pre">returnDom</span> : Boolean<div class="sub-desc"><p>(optional) True to return a raw dom node instead of an Ext.core.Element</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element/HTMLElement</span> <p>The parent node or null</p>
+</li></ul></div></div></div><div id="method-parseBox" class="member inherited"><a href="Ext.Layer.html#method-parseBox" rel="method-parseBox" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.static.html#Ext-core.Element-method-parseBox" class="viewSource">view source</a></div><a name="parseBox"></a><a name="method-parseBox"></a><a href="Ext.Layer.html#" rel="method-parseBox" class="cls expand">parseBox</a>(
+<span class="pre">Number|String box</span>)
+ : Object</div><div class="description"><div class="short">Parses a number or string representing margin sizes into an object. Supports CSS-style margin declarations
+(e.g. 10, ...</div><div class="long"><p>Parses a number or string representing margin sizes into an object. Supports CSS-style margin declarations
+(e.g. 10, "10", "10 10", "10 10 10" and "10 10 10 10" are all valid options and would return the same result)</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">box</span> : Number|String<div class="sub-desc"><p>The encoded margins</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Object</span> <p>An object with margin sizes for top, right, bottom and left</p>
+</li></ul></div></div></div><div id="method-parseStyles" class="member inherited"><a href="Ext.Layer.html#method-parseStyles" rel="method-parseStyles" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.static.html#Ext-core.Element-method-parseStyles" class="viewSource">view source</a></div><a name="parseStyles"></a><a name="method-parseStyles"></a><a href="Ext.Layer.html#" rel="method-parseStyles" class="cls expand">parseStyles</a>(
+<span class="pre">String styles</span>)
+ : Object</div><div class="description"><div class="short">Converts a CSS string into an object with a property for each style.
+
+
+The sample code below would return an object w...</div><div class="long"><p>Converts a CSS string into an object with a property for each style.</p>
+
+<p>
+The sample code below would return an object with 2 properties, one
+for background-color and one for color.</p>
+
+
+<pre><code>var css = 'background-color: red;color: blue; ';
+console.log(Ext.core.Element.parseStyles(css));
+</code></pre>
+
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">styles</span> : String<div class="sub-desc"><p>A CSS string</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Object</span> <p>styles</p>
+</li></ul></div></div></div><div id="method-pause" class="member inherited"><a href="Ext.Layer.html#method-pause" rel="method-pause" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.anim.html#Ext-core.Element-method-pause" class="viewSource">view source</a></div><a name="pause"></a><a name="method-pause"></a><a href="Ext.Layer.html#" rel="method-pause" class="cls expand">pause</a>(
+<span class="pre">Number seconds</span>)
+ : Ext.Element</div><div class="description"><div class="short">@deprecated 4.0
+Creates a pause before any subsequent queued effects begin. If there are
+no effects queued after the...</div><div class="long"><p>@deprecated 4.0
+Creates a pause before any subsequent queued effects begin. If there are
+no effects queued after the pause it will have no effect.
+Usage:</p>
+
+<pre><code>el.pause(1);
+</code></pre>
+
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">seconds</span> : Number<div class="sub-desc"><p>The length of time to pause (in seconds)</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.Element</span> <p>The Element</p>
+</li></ul></div></div></div><div id="method-position" class="member inherited"><a href="Ext.Layer.html#method-position" rel="method-position" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.position.html#Ext-core.Element-method-position" class="viewSource">view source</a></div><a name="position"></a><a name="method-position"></a><a href="Ext.Layer.html#" rel="method-position" class="cls expand">position</a>(
+<span class="pre">[String pos], [Number zIndex], [Number x], [Number y]</span>)
+ : void</div><div class="description"><div class="short">Initializes positioning on this element. If a desired position is not passed, it will make the
+the element positioned...</div><div class="long"><p>Initializes positioning on this element. If a desired position is not passed, it will make the
+the element positioned relative IF it is not already positioned.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">pos</span> : String<div class="sub-desc"><p>(optional) Positioning to use "relative", "absolute" or "fixed"</p>
+</div></li><li><span class="pre">zIndex</span> : Number<div class="sub-desc"><p>(optional) The zIndex to apply</p>
+</div></li><li><span class="pre">x</span> : Number<div class="sub-desc"><p>(optional) Set the page X position</p>
+</div></li><li><span class="pre">y</span> : Number<div class="sub-desc"><p>(optional) Set the page Y position</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
+</li></ul></div></div></div><div id="method-prev" class="member inherited"><a href="Ext.Layer.html#method-prev" rel="method-prev" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.traversal.html#Ext-core.Element-method-prev" class="viewSource">view source</a></div><a name="prev"></a><a name="method-prev"></a><a href="Ext.Layer.html#" rel="method-prev" class="cls expand">prev</a>(
+<span class="pre">[String selector], [Boolean returnDom]</span>)
+ : Ext.core.Element/HTMLElement</div><div class="description"><div class="short"><p>Gets the previous sibling, skipping text nodes</p>
+</div><div class="long"><p>Gets the previous sibling, skipping text nodes</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">selector</span> : String<div class="sub-desc"><p>(optional) Find the previous sibling that matches the passed simple selector</p>
+</div></li><li><span class="pre">returnDom</span> : Boolean<div class="sub-desc"><p>(optional) True to return a raw dom node instead of an Ext.core.Element</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element/HTMLElement</span> <p>The previous sibling or null</p>
+</li></ul></div></div></div><div id="method-puff" class="member inherited"><a href="Ext.Layer.html#method-puff" rel="method-puff" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.anim.html#Ext-core.Element-method-puff" class="viewSource">view source</a></div><a name="puff"></a><a name="method-puff"></a><a href="Ext.Layer.html#" rel="method-puff" class="cls expand">puff</a>(
+<span class="pre">[Object options]</span>)
+ : Ext.core.Element</div><div class="description"><div class="short">Fades the element out while slowly expanding it in all directions. When the effect is completed, the
+element will be...</div><div class="long"><p>Fades the element out while slowly expanding it in all directions. When the effect is completed, the
+element will be hidden (visibility = 'hidden') but block elements will still take up space in the document.
+Usage:</p>
+
+<pre><code>// default
+el.puff();
+
+// common config options shown with default values
+el.puff({
+ easing: 'easeOut',
+ duration: 500,
+ useDisplay: false
+});
+</code></pre>
+
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">options</span> : Object<div class="sub-desc"><p>(optional) Object literal with any of the Fx config options</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>The Element</p>
+</li></ul></div></div></div><div id="method-purgeAllListeners" class="member inherited"><a href="Ext.Layer.html#method-purgeAllListeners" rel="method-purgeAllListeners" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element2.html#Ext-core.Element-method-purgeAllListeners" class="viewSource">view source</a></div><a name="purgeAllListeners"></a><a name="method-purgeAllListeners"></a><a href="Ext.Layer.html#" rel="method-purgeAllListeners" class="cls expand">purgeAllListeners</a> : Ext.core.Element</div><div class="description"><div class="short"><p>Recursively removes all previous added listeners from this element and its children</p>
+</div><div class="long"><p>Recursively removes all previous added listeners from this element and its children</p>
+<h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>this</p>
+</li></ul></div></div></div><div id="method-query" class="member inherited"><a href="Ext.Layer.html#method-query" rel="method-query" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.traversal.html#Ext-core.Element-method-query" class="viewSource">view source</a></div><a name="query"></a><a name="method-query"></a><a href="Ext.Layer.html#" rel="method-query" class="cls expand">query</a>(
+<span class="pre">String selector</span>)
+ : Array</div><div class="description"><div class="short"><p>Selects child nodes based on the passed CSS selector (the selector should not contain an id).</p>
+</div><div class="long"><p>Selects child nodes based on the passed CSS selector (the selector should not contain an id).</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">selector</span> : String<div class="sub-desc"><p>The CSS selector</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Array</span> <p>An array of the matched nodes</p>
+</li></ul></div></div></div><div id="method-radioCls" class="member inherited"><a href="Ext.Layer.html#method-radioCls" rel="method-radioCls" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.style.html#Ext-core.Element-method-radioCls" class="viewSource">view source</a></div><a name="radioCls"></a><a name="method-radioCls"></a><a href="Ext.Layer.html#" rel="method-radioCls" class="cls expand">radioCls</a>(
+<span class="pre">String/Array className</span>)
+ : Ext.core.Element</div><div class="description"><div class="short"><p>Adds one or more CSS classes to this element and removes the same class(es) from all siblings.</p>
+</div><div class="long"><p>Adds one or more CSS classes to this element and removes the same class(es) from all siblings.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">className</span> : String/Array<div class="sub-desc"><p>The CSS class to add, or an array of classes</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>this</p>
+</li></ul></div></div></div><div id="method-relayEvent" class="member inherited"><a href="Ext.Layer.html#method-relayEvent" rel="method-relayEvent" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element-more.html#Ext-core.Element-method-relayEvent" class="viewSource">view source</a></div><a name="relayEvent"></a><a name="method-relayEvent"></a><a href="Ext.Layer.html#" rel="method-relayEvent" class="cls expand">relayEvent</a>(
+<span class="pre">String eventName, Object object</span>)
+ : void</div><div class="description"><div class="short">Create an event handler on this element such that when the event fires and is handled by this element,
+it will be rel...</div><div class="long"><p>Create an event handler on this element such that when the event fires and is handled by this element,
+it will be relayed to another object (i.e., fired again as if it originated from that object instead).</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">eventName</span> : String<div class="sub-desc"><p>The type of event to relay</p>
+</div></li><li><span class="pre">object</span> : Object<div class="sub-desc"><p>Any object that extends <a href="Ext.util.Observable.html" rel="Ext.util.Observable" class="docClass">Ext.util.Observable</a> that will provide the context
+for firing the relayed event</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
+</li></ul></div></div></div><div id="method-remove" class="member inherited"><a href="Ext.Layer.html#method-remove" rel="method-remove" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element2.html#Ext-core.Element-method-remove" class="viewSource">view source</a></div><a name="remove"></a><a name="method-remove"></a><a href="Ext.Layer.html#" rel="method-remove" class="cls expand">remove</a> : void</div><div class="description"><div class="short"><p>Removes this element's dom reference. Note that event and cache removal is handled at <a href="Ext.html#removeNode" rel="Ext#removeNode" class="docClass">Ext.removeNode</a></p>
+
+</div><div class="long"><p>Removes this element's dom reference. Note that event and cache removal is handled at <a href="Ext.html#removeNode" rel="Ext#removeNode" class="docClass">Ext.removeNode</a></p>
+
+<h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
+</li></ul></div></div></div><div id="method-removeAllListeners" class="member inherited"><a href="Ext.Layer.html#method-removeAllListeners" rel="method-removeAllListeners" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element2.html#Ext-core.Element-method-removeAllListeners" class="viewSource">view source</a></div><a name="removeAllListeners"></a><a name="method-removeAllListeners"></a><a href="Ext.Layer.html#" rel="method-removeAllListeners" class="cls expand">removeAllListeners</a> : Ext.core.Element</div><div class="description"><div class="short"><p>Removes all previous added listeners from this element</p>
+</div><div class="long"><p>Removes all previous added listeners from this element</p>
+<h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>this</p>
+</li></ul></div></div></div><div id="method-removeAnchor" class="member inherited"><a href="Ext.Layer.html#method-removeAnchor" rel="method-removeAnchor" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.alignment.html#Ext-core.Element-method-removeAnchor" class="viewSource">view source</a></div><a name="removeAnchor"></a><a name="method-removeAnchor"></a><a href="Ext.Layer.html#" rel="method-removeAnchor" class="cls expand">removeAnchor</a> : Ext.core.Element</div><div class="description"><div class="short"><p>Remove any anchor to this element. See <a href="Ext.Layer.html#anchorTo" rel="Ext.Layer#anchorTo" class="docClass">anchorTo</a>.</p>
+</div><div class="long"><p>Remove any anchor to this element. See <a href="Ext.Layer.html#anchorTo" rel="Ext.Layer#anchorTo" class="docClass">anchorTo</a>.</p>
+<h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>this</p>
+</li></ul></div></div></div><div id="method-removeCls" class="member inherited"><a href="Ext.Layer.html#method-removeCls" rel="method-removeCls" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.style.html#Ext-core.Element-method-removeCls" class="viewSource">view source</a></div><a name="removeCls"></a><a name="method-removeCls"></a><a href="Ext.Layer.html#" rel="method-removeCls" class="cls expand">removeCls</a>(
+<span class="pre">String/Array className</span>)
+ : Ext.core.Element</div><div class="description"><div class="short"><p>Removes one or more CSS classes from the element.</p>
+</div><div class="long"><p>Removes one or more CSS classes from the element.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">className</span> : String/Array<div class="sub-desc"><p>The CSS classes to remove separated by space, or an array of classes</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>this</p>
+</li></ul></div></div></div><div id="method-removeListener" class="member inherited"><a href="Ext.Layer.html#method-removeListener" rel="method-removeListener" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element2.html#Ext-core.Element-method-removeListener" class="viewSource">view source</a></div><a name="removeListener"></a><a name="method-removeListener"></a><a href="Ext.Layer.html#" rel="method-removeListener" class="cls expand">removeListener</a>(
+<span class="pre">String eventName, Function fn, Object scope</span>)
+ : Ext.core.Element</div><div class="description"><div class="short">Removes an event handler from this element. The shorthand version un is equivalent.
+Note: if a scope was explicitly ...</div><div class="long"><p>Removes an event handler from this element. The shorthand version <a href="Ext.Layer.html#un" rel="Ext.Layer#un" class="docClass">un</a> is equivalent.
+<b>Note</b>: if a <i>scope</i> was explicitly specified when <a href="Ext.Layer.html#addListener" rel="Ext.Layer#addListener" class="docClass">adding</a> the
+listener, the same scope must be specified here.
+Example:</p>
+
+<pre><code>el.removeListener('click', this.handlerFn);
+// or
+el.un('click', this.handlerFn);
+</code></pre>
+
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">eventName</span> : String<div class="sub-desc"><p>The name of the event from which to remove the handler.</p>
+</div></li><li><span class="pre">fn</span> : Function<div class="sub-desc"><p>The handler function to remove. <b>This must be a reference to the function passed into the <a href="Ext.Layer.html#addListener" rel="Ext.Layer#addListener" class="docClass">addListener</a> call.</b></p>
+</div></li><li><span class="pre">scope</span> : Object<div class="sub-desc"><p>If a scope (<b><code>this</code></b> reference) was specified when the listener was added,
+then this must refer to the same object.</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>this</p>
+</li></ul></div></div></div><div id="method-repaint" class="member inherited"><a href="Ext.Layer.html#method-repaint" rel="method-repaint" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.style.html#Ext-core.Element-method-repaint" class="viewSource">view source</a></div><a name="repaint"></a><a name="method-repaint"></a><a href="Ext.Layer.html#" rel="method-repaint" class="cls expand">repaint</a> : Ext.core.Element</div><div class="description"><div class="short"><p>Forces the browser to repaint this element</p>
+</div><div class="long"><p>Forces the browser to repaint this element</p>
+<h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>this</p>
+</li></ul></div></div></div><div id="method-replace" class="member inherited"><a href="Ext.Layer.html#method-replace" rel="method-replace" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.insertion.html#Ext-core.Element-method-replace" class="viewSource">view source</a></div><a name="replace"></a><a name="method-replace"></a><a href="Ext.Layer.html#" rel="method-replace" class="cls expand">replace</a>(
+<span class="pre">Mixed el</span>)
+ : Ext.core.Element</div><div class="description"><div class="short"><p>Replaces the passed element with this element</p>
+</div><div class="long"><p>Replaces the passed element with this element</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">el</span> : Mixed<div class="sub-desc"><p>The element to replace</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>this</p>
+</li></ul></div></div></div><div id="method-replaceCls" class="member inherited"><a href="Ext.Layer.html#method-replaceCls" rel="method-replaceCls" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.style.html#Ext-core.Element-method-replaceCls" class="viewSource">view source</a></div><a name="replaceCls"></a><a name="method-replaceCls"></a><a href="Ext.Layer.html#" rel="method-replaceCls" class="cls expand">replaceCls</a>(
+<span class="pre">String oldClassName, String newClassName</span>)
+ : Ext.core.Element</div><div class="description"><div class="short"><p>Replaces a CSS class on the element with another. If the old name does not exist, the new name will simply be added.</p>
+</div><div class="long"><p>Replaces a CSS class on the element with another. If the old name does not exist, the new name will simply be added.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">oldClassName</span> : String<div class="sub-desc"><p>The CSS class to replace</p>
+</div></li><li><span class="pre">newClassName</span> : String<div class="sub-desc"><p>The replacement CSS class</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>this</p>
+</li></ul></div></div></div><div id="method-replaceWith" class="member inherited"><a href="Ext.Layer.html#method-replaceWith" rel="method-replaceWith" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.insertion.html#Ext-core.Element-method-replaceWith" class="viewSource">view source</a></div><a name="replaceWith"></a><a name="method-replaceWith"></a><a href="Ext.Layer.html#" rel="method-replaceWith" class="cls expand">replaceWith</a>(
+<span class="pre">Mixed/Object el</span>)
+ : Ext.core.Element</div><div class="description"><div class="short"><p>Replaces this element with the passed element</p>
+</div><div class="long"><p>Replaces this element with the passed element</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">el</span> : Mixed/Object<div class="sub-desc"><p>The new element or a DomHelper config of an element to create</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>this</p>
+</li></ul></div></div></div><div id="method-scale" class="member inherited"><a href="Ext.Layer.html#method-scale" rel="method-scale" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.anim.html#Ext-core.Element-method-scale" class="viewSource">view source</a></div><a name="scale"></a><a name="method-scale"></a><a href="Ext.Layer.html#" rel="method-scale" class="cls expand">scale</a>(
+<span class="pre">Number width, Number height, [Object options]</span>)
+ : Ext.Element</div><div class="description"><div class="short">@deprecated 4.0
+Animates the transition of an element's dimensions from a starting height/width
+to an ending height/w...</div><div class="long"><p>@deprecated 4.0
+Animates the transition of an element's dimensions from a starting height/width
+to an ending height/width. This method is a convenience implementation of <a href="shift.html" rel="shift" class="docClass">shift</a>.
+Usage:</p>
+
+<pre><code>// change height and width to 100x100 pixels
+el.scale(100, 100);
+
+// common config options shown with default values. The height and width will default to
+// the element's existing values if passed as null.
+el.scale(
+ [element's width],
+ [element's height], {
+ easing: 'easeOut',
+ duration: .35
+ }
+);
+</code></pre>
+
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">width</span> : Number<div class="sub-desc"><p>The new width (pass undefined to keep the original width)</p>
+</div></li><li><span class="pre">height</span> : Number<div class="sub-desc"><p>The new height (pass undefined to keep the original height)</p>
+</div></li><li><span class="pre">options</span> : Object<div class="sub-desc"><p>(optional) Object literal with any of the Fx config options</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.Element</span> <p>The Element</p>
+</li></ul></div></div></div><div id="method-scroll" class="member inherited"><a href="Ext.Layer.html#method-scroll" rel="method-scroll" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.scroll.html#Ext-core.Element-method-scroll" class="viewSource">view source</a></div><a name="scroll"></a><a name="method-scroll"></a><a href="Ext.Layer.html#" rel="method-scroll" class="cls expand">scroll</a>(
+<span class="pre">String direction, Number distance, [Boolean/Object animate]</span>)
+ : Boolean</div><div class="description"><div class="short">Scrolls this element the specified direction. Does bounds checking to make sure the scroll is
+within this element's s...</div><div class="long"><p>Scrolls this element the specified direction. Does bounds checking to make sure the scroll is
+within this element's scrollable range.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">direction</span> : String<div class="sub-desc"><p>Possible values are: "l" (or "left"), "r" (or "right"), "t" (or "top", or "up"), "b" (or "bottom", or "down").</p>
+</div></li><li><span class="pre">distance</span> : Number<div class="sub-desc"><p>How far to scroll the element in pixels</p>
+</div></li><li><span class="pre">animate</span> : Boolean/Object<div class="sub-desc"><p>(optional) true for the default animation or a standard Element animation config object</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Boolean</span> <p>Returns true if a scroll was triggered or false if the element
+was scrolled as far as it could go.</p>
+</li></ul></div></div></div><div id="method-scrollIntoView" class="member inherited"><a href="Ext.Layer.html#method-scrollIntoView" rel="method-scrollIntoView" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.scroll.html#Ext-core.Element-method-scrollIntoView" class="viewSource">view source</a></div><a name="scrollIntoView"></a><a name="method-scrollIntoView"></a><a href="Ext.Layer.html#" rel="method-scrollIntoView" class="cls expand">scrollIntoView</a>(
+<span class="pre">[Mixed container], [Boolean hscroll]</span>)
+ : Ext.core.Element</div><div class="description"><div class="short"><p>Scrolls this element into view within the passed container.</p>
+</div><div class="long"><p>Scrolls this element into view within the passed container.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">container</span> : Mixed<div class="sub-desc"><p>(optional) The container element to scroll (defaults to document.body). Should be a
+string (id), dom node, or Ext.core.Element.</p>
+</div></li><li><span class="pre">hscroll</span> : Boolean<div class="sub-desc"><p>(optional) False to disable horizontal scroll (defaults to true)</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>this</p>
+</li></ul></div></div></div><div id="method-scrollTo" class="member inherited"><a href="Ext.Layer.html#method-scrollTo" rel="method-scrollTo" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.scroll.html#Ext-core.Element-method-scrollTo" class="viewSource">view source</a></div><a name="scrollTo"></a><a name="method-scrollTo"></a><a href="Ext.Layer.html#" rel="method-scrollTo" class="cls expand">scrollTo</a>(
+<span class="pre">String side, Number value, [Boolean/Object animate]</span>)
+ : Element</div><div class="description"><div class="short">Scrolls this element the specified scroll point. It does NOT do bounds checking so if you scroll to a weird value it ...</div><div class="long"><p>Scrolls this element the specified scroll point. It does NOT do bounds checking so if you scroll to a weird value it will try to do it. For auto bounds checking, use scroll().</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">side</span> : String<div class="sub-desc"><p>Either "left" for scrollLeft values or "top" for scrollTop values.</p>
+</div></li><li><span class="pre">value</span> : Number<div class="sub-desc"><p>The new scroll value</p>
+</div></li><li><span class="pre">animate</span> : Boolean/Object<div class="sub-desc"><p>(optional) true for the default animation or a standard Element animation config object</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Element</span> <p>this</p>
+</li></ul></div></div></div><div id="method-select" class="member inherited"><a href="Ext.Layer.html#method-select" rel="method-select" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.traversal.html#Ext-core.Element-method-select" class="viewSource">view source</a></div><a name="select"></a><a name="method-select"></a><a href="Ext.Layer.html#" rel="method-select" class="cls expand">select</a>(
+<span class="pre">String selector</span>)
+ : CompositeElement/CompositeElement</div><div class="description"><div class="short">Creates a Ext.CompositeElement for child nodes based on the passed CSS selector (the selector should not contain an i...</div><div class="long"><p>Creates a <a href="Ext.CompositeElement.html" rel="Ext.CompositeElement" class="docClass">Ext.CompositeElement</a> for child nodes based on the passed CSS selector (the selector should not contain an id).</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">selector</span> : String<div class="sub-desc"><p>The CSS selector</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">CompositeElement/CompositeElement</span> <p>The composite element</p>
+</li></ul></div></div></div><div id="method-serializeForm" class="member inherited"><a href="Ext.Layer.html#method-serializeForm" rel="method-serializeForm" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.static-more.html#Ext-core.Element-method-serializeForm" class="viewSource">view source</a></div><a name="serializeForm"></a><a name="method-serializeForm"></a><a href="Ext.Layer.html#" rel="method-serializeForm" class="cls expand">serializeForm</a>(
+<span class="pre">Object form</span>)
+ : String</div><div class="description"><div class="short"><p>Serializes a DOM form into a url encoded string</p>
+</div><div class="long"><p>Serializes a DOM form into a url encoded string</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">form</span> : Object<div class="sub-desc"><p>The form</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">String</span> <p>The url encoded form</p>
+</li></ul></div></div></div><div id="method-set" class="member inherited"><a href="Ext.Layer.html#method-set" rel="method-set" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element2.html#Ext-core.Element-method-set" class="viewSource">view source</a></div><a name="set"></a><a name="method-set"></a><a href="Ext.Layer.html#" rel="method-set" class="cls expand">set</a>(
+<span class="pre">Object o, [Boolean useSet]</span>)
+ : Ext.core.Element</div><div class="description"><div class="short"><p>Sets the passed attributes as attributes of this element (a style attribute can be a string, object or function)</p>
+</div><div class="long"><p>Sets the passed attributes as attributes of this element (a style attribute can be a string, object or function)</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">o</span> : Object<div class="sub-desc"><p>The object with the attributes</p>
+</div></li><li><span class="pre">useSet</span> : Boolean<div class="sub-desc"><p>(optional) false to override the default setAttribute to use expandos.</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>this</p>
+</li></ul></div></div></div><div id="method-setBottom" class="member inherited"><a href="Ext.Layer.html#method-setBottom" rel="method-setBottom" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.position.html#Ext-core.Element-method-setBottom" class="viewSource">view source</a></div><a name="setBottom"></a><a name="method-setBottom"></a><a href="Ext.Layer.html#" rel="method-setBottom" class="cls expand">setBottom</a>(
+<span class="pre">String bottom</span>)
+ : Ext.core.Element</div><div class="description"><div class="short"><p>Sets the element's CSS bottom style.</p>
+</div><div class="long"><p>Sets the element's CSS bottom style.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">bottom</span> : String<div class="sub-desc"><p>The bottom CSS property value</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>this</p>
+</li></ul></div></div></div><div id="method-setBounds" class="member inherited"><a href="Ext.Layer.html#method-setBounds" rel="method-setBounds" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.position.html#Ext-core.Element-method-setBounds" class="viewSource">view source</a></div><a name="setBounds"></a><a name="method-setBounds"></a><a href="Ext.Layer.html#" rel="method-setBounds" class="cls expand">setBounds</a>(
+<span class="pre">Number x, Number y, Mixed width, Mixed height, [Boolean/Object animate]</span>)
+ : Ext.core.Element</div><div class="description"><div class="short">Sets the element's position and size in one shot. If animation is true then width, height, x and y will be animated c...</div><div class="long"><p>Sets the element's position and size in one shot. If animation is true then width, height, x and y will be animated concurrently.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">x</span> : Number<div class="sub-desc"><p>X value for new position (coordinates are page-based)</p>
+</div></li><li><span class="pre">y</span> : Number<div class="sub-desc"><p>Y value for new position (coordinates are page-based)</p>
+</div></li><li><span class="pre">width</span> : Mixed<div class="sub-desc"><p>The new width. This may be one of:<div class="mdetail-params"><ul>
+<li>A Number specifying the new width in this Element's <a href="Ext.Layer.html#defaultUnit" rel="Ext.Layer#defaultUnit" class="docClass">defaultUnit</a>s (by default, pixels)</li>
+<li>A String used to set the CSS width style. Animation may <b>not</b> be used.
+</ul></div></p>
+</div></li><li><span class="pre">height</span> : Mixed<div class="sub-desc"><p>The new height. This may be one of:<div class="mdetail-params"><ul>
+<li>A Number specifying the new height in this Element's <a href="Ext.Layer.html#defaultUnit" rel="Ext.Layer#defaultUnit" class="docClass">defaultUnit</a>s (by default, pixels)</li>
+<li>A String used to set the CSS height style. Animation may <b>not</b> be used.</li>
+</ul></div></p>
+</div></li><li><span class="pre">animate</span> : Boolean/Object<div class="sub-desc"><p>(optional) true for the default animation or a standard Element animation config object</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>this</p>
+</li></ul></div></div></div><div id="method-setBox" class="member inherited"><a href="Ext.Layer.html#method-setBox" rel="method-setBox" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.position.html#Ext-core.Element-method-setBox" class="viewSource">view source</a></div><a name="setBox"></a><a name="method-setBox"></a><a href="Ext.Layer.html#" rel="method-setBox" class="cls expand">setBox</a>(
+<span class="pre">Object box, [Boolean adjust], [Boolean/Object animate]</span>)
+ : Ext.core.Element</div><div class="description"><div class="short">Sets the element's box. Use getBox() on another element to get a box obj. If animate is true then width, height, x an...</div><div class="long"><p>Sets the element's box. Use getBox() on another element to get a box obj. If animate is true then width, height, x and y will be animated concurrently.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">box</span> : Object<div class="sub-desc"><p>The box to fill {x, y, width, height}</p>
+</div></li><li><span class="pre">adjust</span> : Boolean<div class="sub-desc"><p>(optional) Whether to adjust for box-model issues automatically</p>
+</div></li><li><span class="pre">animate</span> : Boolean/Object<div class="sub-desc"><p>(optional) true for the default animation or a standard Element animation config object</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>this</p>
+</li></ul></div></div></div><div id="method-setDisplayed" class="member inherited"><a href="Ext.Layer.html#method-setDisplayed" rel="method-setDisplayed" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.fx.html#Ext-core.Element-method-setDisplayed" class="viewSource">view source</a></div><a name="setDisplayed"></a><a name="method-setDisplayed"></a><a href="Ext.Layer.html#" rel="method-setDisplayed" class="cls expand">setDisplayed</a>(
+<span class="pre">Mixed value</span>)
+ : Ext.core.Element</div><div class="description"><div class="short"><p>Sets the CSS display property. Uses originalDisplay if the specified value is a boolean true.</p>
+</div><div class="long"><p>Sets the CSS display property. Uses originalDisplay if the specified value is a boolean true.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">value</span> : Mixed<div class="sub-desc"><p>Boolean value to display the element using its default display, or a string to set the display directly.</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>this</p>
+</li></ul></div></div></div><div id="method-setHeight" class="member inherited"><a href="Ext.Layer.html#method-setHeight" rel="method-setHeight" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.style.html#Ext-core.Element-method-setHeight" class="viewSource">view source</a></div><a name="setHeight"></a><a name="method-setHeight"></a><a href="Ext.Layer.html#" rel="method-setHeight" class="cls expand">setHeight</a>(
+<span class="pre">Mixed height, [Boolean/Object animate]</span>)
+ : Ext.core.Element</div><div class="description"><div class="short">Set the height of this Element.
+
+// change the height to 200px and animate with default configuration
+Ext.fly('elemen...</div><div class="long"><p>Set the height of this Element.</p>
+
+<pre><code>// change the height to 200px and animate with default configuration
+Ext.fly('elementId').setHeight(200, true);
+
+// change the height to 150px and animate with a custom configuration
+Ext.fly('elId').setHeight(150, {
+ duration : .5, // animation will have a duration of .5 seconds
+ // will change the content to "finished"
+ callback: function(){ this.<a href="Ext.Layer.html#update" rel="Ext.Layer#update" class="docClass">update</a>("finished"); }
+});
+</code></pre>
+
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">height</span> : Mixed<div class="sub-desc"><p>The new height. This may be one of:<div class="mdetail-params"><ul>
+<li>A Number specifying the new height in this Element's <a href="Ext.Layer.html#defaultUnit" rel="Ext.Layer#defaultUnit" class="docClass">defaultUnit</a>s (by default, pixels.)</li>
+<li>A String used to set the CSS height style. Animation may <b>not</b> be used.</li>
+</ul></div></p>
+</div></li><li><span class="pre">animate</span> : Boolean/Object<div class="sub-desc"><p>(optional) true for the default animation or a standard Element animation config object</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>this</p>
+</li></ul></div></div></div><div id="method-setLeft" class="member inherited"><a href="Ext.Layer.html#method-setLeft" rel="method-setLeft" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.position.html#Ext-core.Element-method-setLeft" class="viewSource">view source</a></div><a name="setLeft"></a><a name="method-setLeft"></a><a href="Ext.Layer.html#" rel="method-setLeft" class="cls expand">setLeft</a>(
+<span class="pre">String left</span>)
+ : Ext.core.Element</div><div class="description"><div class="short"><p>Sets the element's left position directly using CSS style (instead of <a href="Ext.Layer.html#setX" rel="Ext.Layer#setX" class="docClass">setX</a>).</p>
+</div><div class="long"><p>Sets the element's left position directly using CSS style (instead of <a href="Ext.Layer.html#setX" rel="Ext.Layer#setX" class="docClass">setX</a>).</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">left</span> : String<div class="sub-desc"><p>The left CSS property value</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>this</p>
+</li></ul></div></div></div><div id="method-setLeftTop" class="member inherited"><a href="Ext.Layer.html#method-setLeftTop" rel="method-setLeftTop" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.position.html#Ext-core.Element-method-setLeftTop" class="viewSource">view source</a></div><a name="setLeftTop"></a><a name="method-setLeftTop"></a><a href="Ext.Layer.html#" rel="method-setLeftTop" class="cls expand">setLeftTop</a>(
+<span class="pre">String left, String top</span>)
+ : Ext.core.Element</div><div class="description"><div class="short"><p>Quick set left and top adding default units</p>
+</div><div class="long"><p>Quick set left and top adding default units</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">left</span> : String<div class="sub-desc"><p>The left CSS property value</p>
+</div></li><li><span class="pre">top</span> : String<div class="sub-desc"><p>The top CSS property value</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>this</p>
+</li></ul></div></div></div><div id="method-setLocation" class="member inherited"><a href="Ext.Layer.html#method-setLocation" rel="method-setLocation" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.position.html#Ext-core.Element-method-setLocation" class="viewSource">view source</a></div><a name="setLocation"></a><a name="method-setLocation"></a><a href="Ext.Layer.html#" rel="method-setLocation" class="cls expand">setLocation</a>(
+<span class="pre">Number x, Number y, [Boolean/Object animate]</span>)
+ : Ext.core.Element</div><div class="description"><div class="short">Sets the position of the element in page coordinates, regardless of how the element is positioned.
+The element must b...</div><div class="long"><p>Sets the position of the element in page coordinates, regardless of how the element is positioned.
+The element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false).</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">x</span> : Number<div class="sub-desc"><p>X value for new position (coordinates are page-based)</p>
+</div></li><li><span class="pre">y</span> : Number<div class="sub-desc"><p>Y value for new position (coordinates are page-based)</p>
+</div></li><li><span class="pre">animate</span> : Boolean/Object<div class="sub-desc"><p>(optional) True for the default animation, or a standard Element animation config object</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>this</p>
+</li></ul></div></div></div><div id="method-setOpacity" class="member inherited"><a href="Ext.Layer.html#method-setOpacity" rel="method-setOpacity" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.style.html#Ext-core.Element-method-setOpacity" class="viewSource">view source</a></div><a name="setOpacity"></a><a name="method-setOpacity"></a><a href="Ext.Layer.html#" rel="method-setOpacity" class="cls expand">setOpacity</a>(
+<span class="pre">Float opacity, [Boolean/Object animate]</span>)
+ : Ext.core.Element</div><div class="description"><div class="short"><p>Set the opacity of the element</p>
+</div><div class="long"><p>Set the opacity of the element</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">opacity</span> : Float<div class="sub-desc"><p>The new opacity. 0 = transparent, .5 = 50% visibile, 1 = fully visible, etc</p>
+</div></li><li><span class="pre">animate</span> : Boolean/Object<div class="sub-desc"><p>(optional) a standard Element animation config object or <tt>true</tt> for
+the default animation (<tt>{duration: .35, easing: 'easeIn'}</tt>)</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>this</p>
+</li></ul></div></div></div><div id="method-setPositioning" class="member inherited"><a href="Ext.Layer.html#method-setPositioning" rel="method-setPositioning" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.position.html#Ext-core.Element-method-setPositioning" class="viewSource">view source</a></div><a name="setPositioning"></a><a name="method-setPositioning"></a><a href="Ext.Layer.html#" rel="method-setPositioning" class="cls expand">setPositioning</a>(
+<span class="pre">Object posCfg</span>)
+ : Ext.core.Element</div><div class="description"><div class="short"><p>Set positioning with an object returned by getPositioning().</p>
+</div><div class="long"><p>Set positioning with an object returned by getPositioning().</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">posCfg</span> : Object<div class="sub-desc">
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>this</p>
+</li></ul></div></div></div><div id="method-setRegion" class="member inherited"><a href="Ext.Layer.html#method-setRegion" rel="method-setRegion" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.position.html#Ext-core.Element-method-setRegion" class="viewSource">view source</a></div><a name="setRegion"></a><a name="method-setRegion"></a><a href="Ext.Layer.html#" rel="method-setRegion" class="cls expand">setRegion</a>(
+<span class="pre">Ext.util.Region region, [Boolean/Object animate]</span>)
+ : Ext.core.Element</div><div class="description"><div class="short">Sets the element's position and size the specified region. If animation is true then width, height, x and y will be a...</div><div class="long"><p>Sets the element's position and size the specified region. If animation is true then width, height, x and y will be animated concurrently.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">region</span> : Ext.util.Region<div class="sub-desc"><p>The region to fill</p>
+</div></li><li><span class="pre">animate</span> : Boolean/Object<div class="sub-desc"><p>(optional) true for the default animation or a standard Element animation config object</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>this</p>
+</li></ul></div></div></div><div id="method-setRight" class="member inherited"><a href="Ext.Layer.html#method-setRight" rel="method-setRight" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.position.html#Ext-core.Element-method-setRight" class="viewSource">view source</a></div><a name="setRight"></a><a name="method-setRight"></a><a href="Ext.Layer.html#" rel="method-setRight" class="cls expand">setRight</a>(
+<span class="pre">String right</span>)
+ : Ext.core.Element</div><div class="description"><div class="short"><p>Sets the element's CSS right style.</p>
+</div><div class="long"><p>Sets the element's CSS right style.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">right</span> : String<div class="sub-desc"><p>The right CSS property value</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>this</p>
+</li></ul></div></div></div><div id="method-setSize" class="member inherited"><a href="Ext.Layer.html#method-setSize" rel="method-setSize" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.style.html#Ext-core.Element-method-setSize" class="viewSource">view source</a></div><a name="setSize"></a><a name="method-setSize"></a><a href="Ext.Layer.html#" rel="method-setSize" class="cls expand">setSize</a>(
+<span class="pre">Mixed width, Mixed height, [Boolean/Object animate]</span>)
+ : Ext.core.Element</div><div class="description"><div class="short"><p>Set the size of this Element. If animation is true, both width and height will be animated concurrently.</p>
+</div><div class="long"><p>Set the size of this Element. If animation is true, both width and height will be animated concurrently.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">width</span> : Mixed<div class="sub-desc"><p>The new width. This may be one of:<div class="mdetail-params"><ul>
+<li>A Number specifying the new width in this Element's <a href="Ext.Layer.html#defaultUnit" rel="Ext.Layer#defaultUnit" class="docClass">defaultUnit</a>s (by default, pixels).</li>
+<li>A String used to set the CSS width style. Animation may <b>not</b> be used.
+<li>A size object in the format <code>{width: widthValue, height: heightValue}</code>.</li>
+</ul></div></p>
+</div></li><li><span class="pre">height</span> : Mixed<div class="sub-desc"><p>The new height. This may be one of:<div class="mdetail-params"><ul>
+<li>A Number specifying the new height in this Element's <a href="Ext.Layer.html#defaultUnit" rel="Ext.Layer#defaultUnit" class="docClass">defaultUnit</a>s (by default, pixels).</li>
+<li>A String used to set the CSS height style. Animation may <b>not</b> be used.</li>
+</ul></div></p>
+</div></li><li><span class="pre">animate</span> : Boolean/Object<div class="sub-desc"><p>(optional) true for the default animation or a standard Element animation config object</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>this</p>
+</li></ul></div></div></div><div id="method-setStyle" class="member inherited"><a href="Ext.Layer.html#method-setStyle" rel="method-setStyle" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.style.html#Ext-core.Element-method-setStyle" class="viewSource">view source</a></div><a name="setStyle"></a><a name="method-setStyle"></a><a href="Ext.Layer.html#" rel="method-setStyle" class="cls expand">setStyle</a>(
+<span class="pre">String/Object property, [String value]</span>)
+ : Ext.core.Element</div><div class="description"><div class="short"><p>Wrapper for setting style properties, also takes single object parameter of multiple styles.</p>
+</div><div class="long"><p>Wrapper for setting style properties, also takes single object parameter of multiple styles.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">property</span> : String/Object<div class="sub-desc"><p>The style property to be set, or an object of multiple styles.</p>
+</div></li><li><span class="pre">value</span> : String<div class="sub-desc"><p>(optional) The value to apply to the given property, or null if an object was passed.</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>this</p>
+</li></ul></div></div></div><div id="method-setTop" class="member inherited"><a href="Ext.Layer.html#method-setTop" rel="method-setTop" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.position.html#Ext-core.Element-method-setTop" class="viewSource">view source</a></div><a name="setTop"></a><a name="method-setTop"></a><a href="Ext.Layer.html#" rel="method-setTop" class="cls expand">setTop</a>(
+<span class="pre">String top</span>)
+ : Ext.core.Element</div><div class="description"><div class="short"><p>Sets the element's top position directly using CSS style (instead of <a href="Ext.Layer.html#setY" rel="Ext.Layer#setY" class="docClass">setY</a>).</p>
+</div><div class="long"><p>Sets the element's top position directly using CSS style (instead of <a href="Ext.Layer.html#setY" rel="Ext.Layer#setY" class="docClass">setY</a>).</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">top</span> : String<div class="sub-desc"><p>The top CSS property value</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>this</p>
+</li></ul></div></div></div><div id="method-setVisibilityMode" class="member inherited"><a href="Ext.Layer.html#method-setVisibilityMode" rel="method-setVisibilityMode" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.fx.html#Ext-core.Element-method-setVisibilityMode" class="viewSource">view source</a></div><a name="setVisibilityMode"></a><a name="method-setVisibilityMode"></a><a href="Ext.Layer.html#" rel="method-setVisibilityMode" class="cls expand">setVisibilityMode</a>(
+<span class="pre">Number visMode</span>)
+ : Ext.core.Element</div><div class="description"><div class="short">Sets the element's visibility mode. When setVisible() is called it
+will use this to determine whether to set the visi...</div><div class="long"><p>Sets the element's visibility mode. When setVisible() is called it
+will use this to determine whether to set the visibility or the display property.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">visMode</span> : Number<div class="sub-desc"><p>Ext.core.Element.VISIBILITY or Ext.core.Element.DISPLAY</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>this</p>
+</li></ul></div></div></div><div id="method-setVisible" class="member inherited"><a href="Ext.Layer.html#method-setVisible" rel="method-setVisible" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.fx.html#Ext-core.Element-method-setVisible" class="viewSource">view source</a></div><a name="setVisible"></a><a name="method-setVisible"></a><a href="Ext.Layer.html#" rel="method-setVisible" class="cls expand">setVisible</a>(
+<span class="pre">Boolean visible, [Boolean/Object animate]</span>)
+ : Ext.core.Element</div><div class="description"><div class="short">Sets the visibility of the element (see details). If the visibilityMode is set to Element.DISPLAY, it will use
+the di...</div><div class="long"><p>Sets the visibility of the element (see details). If the visibilityMode is set to Element.DISPLAY, it will use
+the display property to hide the element, otherwise it uses visibility. The default is to hide and show using the visibility property.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">visible</span> : Boolean<div class="sub-desc"><p>Whether the element is visible</p>
+</div></li><li><span class="pre">animate</span> : Boolean/Object<div class="sub-desc"><p>(optional) True for the default animation, or a standard Element animation config object</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>this</p>
+</li></ul></div></div></div><div id="method-setWidth" class="member inherited"><a href="Ext.Layer.html#method-setWidth" rel="method-setWidth" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.style.html#Ext-core.Element-method-setWidth" class="viewSource">view source</a></div><a name="setWidth"></a><a name="method-setWidth"></a><a href="Ext.Layer.html#" rel="method-setWidth" class="cls expand">setWidth</a>(
+<span class="pre">Mixed width, [Boolean/Object animate]</span>)
+ : Ext.core.Element</div><div class="description"><div class="short"><p>Set the width of this Element.</p>
+</div><div class="long"><p>Set the width of this Element.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">width</span> : Mixed<div class="sub-desc"><p>The new width. This may be one of:<div class="mdetail-params"><ul>
+<li>A Number specifying the new width in this Element's <a href="Ext.Layer.html#defaultUnit" rel="Ext.Layer#defaultUnit" class="docClass">defaultUnit</a>s (by default, pixels).</li>
+<li>A String used to set the CSS width style. Animation may <b>not</b> be used.
+</ul></div></p>
+</div></li><li><span class="pre">animate</span> : Boolean/Object<div class="sub-desc"><p>(optional) true for the default animation or a standard Element animation config object</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>this</p>
+</li></ul></div></div></div><div id="method-setX" class="member inherited"><a href="Ext.Layer.html#method-setX" rel="method-setX" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.position.html#Ext-core.Element-method-setX" class="viewSource">view source</a></div><a name="setX"></a><a name="method-setX"></a><a href="Ext.Layer.html#" rel="method-setX" class="cls expand">setX</a>(
+<span class="pre">Number The, [Boolean/Object animate]</span>)
+ : Ext.core.Element</div><div class="description"><div class="short">Sets the X position of the element based on page coordinates. Element must be part of the DOM tree to have page coor...</div><div class="long"><p>Sets the X position of the element based on page coordinates. Element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false).</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">The</span> : Number<div class="sub-desc"><p>X position of the element</p>
+</div></li><li><span class="pre">animate</span> : Boolean/Object<div class="sub-desc"><p>(optional) True for the default animation, or a standard Element animation config object</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>this</p>
+</li></ul></div></div></div><div id="method-setXY" class="member inherited"><a href="Ext.Layer.html#method-setXY" rel="method-setXY" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.position.html#Ext-core.Element-method-setXY" class="viewSource">view source</a></div><a name="setXY"></a><a name="method-setXY"></a><a href="Ext.Layer.html#" rel="method-setXY" class="cls expand">setXY</a>(
+<span class="pre">Array pos, [Boolean/Object animate]</span>)
+ : Ext.core.Element</div><div class="description"><div class="short">Sets the position of the element in page coordinates, regardless of how the element is positioned.
+The element must b...</div><div class="long"><p>Sets the position of the element in page coordinates, regardless of how the element is positioned.
+The element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false).</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">pos</span> : Array<div class="sub-desc"><p>Contains X & Y [x, y] values for new position (coordinates are page-based)</p>
+</div></li><li><span class="pre">animate</span> : Boolean/Object<div class="sub-desc"><p>(optional) True for the default animation, or a standard Element animation config object</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>this</p>
+</li></ul></div></div></div><div id="method-setY" class="member inherited"><a href="Ext.Layer.html#method-setY" rel="method-setY" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.position.html#Ext-core.Element-method-setY" class="viewSource">view source</a></div><a name="setY"></a><a name="method-setY"></a><a href="Ext.Layer.html#" rel="method-setY" class="cls expand">setY</a>(
+<span class="pre">Number The, [Boolean/Object animate]</span>)
+ : Ext.core.Element</div><div class="description"><div class="short">Sets the Y position of the element based on page coordinates. Element must be part of the DOM tree to have page coor...</div><div class="long"><p>Sets the Y position of the element based on page coordinates. Element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false).</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">The</span> : Number<div class="sub-desc"><p>Y position of the element</p>
+</div></li><li><span class="pre">animate</span> : Boolean/Object<div class="sub-desc"><p>(optional) True for the default animation, or a standard Element animation config object</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>this</p>
+</li></ul></div></div></div><div id="method-setZIndex" class="member ni"><a href="Ext.Layer.html#method-setZIndex" rel="method-setZIndex" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.Layer.html" class="definedIn docClass">Ext.Layer</a><br/><a href="../source/Layer.html#Ext-Layer-method-setZIndex" class="viewSource">view source</a></div><a name="setZIndex"></a><a name="method-setZIndex"></a><a href="Ext.Layer.html#" rel="method-setZIndex" class="cls expand">setZIndex</a>(
+<span class="pre">Number zindex</span>)
+ : this</div><div class="description"><div class="short">Sets the z-index of this layer and adjusts any shadow and shim z-indexes. The layer z-index is automatically
+incremen...</div><div class="long"><p>Sets the z-index of this layer and adjusts any shadow and shim z-indexes. The layer z-index is automatically
+incremented depending upon the presence of a shim or a shadow in so that it always shows above those two associated elements.</p>
+
+
+<p>Any shim, will be assigned the passed z-index. A shadow will be assigned the next highet z-index, and the Layer's
+element will receive the highest z-index.
+
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">zindex</span> : Number<div class="sub-desc"><p>The new z-index to set</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">this</span> <p>The Layer</p>
+</li></ul></div></div></div><div id="method-shift" class="member inherited"><a href="Ext.Layer.html#method-shift" rel="method-shift" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.anim.html#Ext-core.Element-method-shift" class="viewSource">view source</a></div><a name="shift"></a><a name="method-shift"></a><a href="Ext.Layer.html#" rel="method-shift" class="cls expand">shift</a>(
+<span class="pre">Object options</span>)
+ : Ext.Element</div><div class="description"><div class="short">@deprecated 4.0
+Animates the transition of any combination of an element's dimensions, xy position and/or opacity.
+An...</div><div class="long"><p>@deprecated 4.0
+Animates the transition of any combination of an element's dimensions, xy position and/or opacity.
+Any of these properties not specified in the config object will not be changed. This effect
+requires that at least one new dimension, position or opacity setting must be passed in on
+the config object in order for the function to have any effect.
+Usage:</p>
+
+<pre><code>// slide the element horizontally to x position 200 while changing the height and opacity
+el.shift({ x: 200, height: 50, opacity: .8 });
+
+// common config options shown with default values.
+el.shift({
+ width: [element's width],
+ height: [element's height],
+ x: [element's x position],
+ y: [element's y position],
+ opacity: [element's opacity],
+ easing: 'easeOut',
+ duration: .35
+});
+</code></pre>
+
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">options</span> : Object<div class="sub-desc"><p>Object literal with any of the Fx config options</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.Element</span> <p>The Element</p>
+</li></ul></div></div></div><div id="method-show" class="member inherited"><a href="Ext.Layer.html#method-show" rel="method-show" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.fx.html#Ext-core.Element-method-show" class="viewSource">view source</a></div><a name="show"></a><a name="method-show"></a><a href="Ext.Layer.html#" rel="method-show" class="cls expand">show</a>(
+<span class="pre">[Boolean/Object animate]</span>)
+ : Ext.core.Element</div><div class="description"><div class="short"><p>Show this element - Uses display mode to determine whether to use "display" or "visibility". See <a href="Ext.Layer.html#setVisible" rel="Ext.Layer#setVisible" class="docClass">setVisible</a>.</p>
+</div><div class="long"><p>Show this element - Uses display mode to determine whether to use "display" or "visibility". See <a href="Ext.Layer.html#setVisible" rel="Ext.Layer#setVisible" class="docClass">setVisible</a>.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">animate</span> : Boolean/Object<div class="sub-desc"><p>(optional) true for the default animation or a standard Element animation config object</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>this</p>
+</li></ul></div></div></div><div id="method-slideIn" class="member inherited"><a href="Ext.Layer.html#method-slideIn" rel="method-slideIn" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.anim.html#Ext-core.Element-method-slideIn" class="viewSource">view source</a></div><a name="slideIn"></a><a name="method-slideIn"></a><a href="Ext.Layer.html#" rel="method-slideIn" class="cls expand">slideIn</a>(
+<span class="pre">[String anchor], [Object options], Object slideOut</span>)
+ : Ext.core.Element</div><div class="description"><div class="short">Slides the element into view. An anchor point can be optionally passed to set the point of
+origin for the slide effe...</div><div class="long"><p>Slides the element into view. An anchor point can be optionally passed to set the point of
+origin for the slide effect. This function automatically handles wrapping the element with
+a fixed-size container if needed. See the Fx class overview for valid anchor point options.
+Usage:</p>
+
+<pre><code>// default: slide the element in from the top
+el.slideIn();
+
+// custom: slide the element in from the right with a 2-second duration
+el.slideIn('r', { duration: 2 });
+
+// common config options shown with default values
+el.slideIn('t', {
+ easing: 'easeOut',
+ duration: 500
+});
+</code></pre>
+
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">anchor</span> : String<div class="sub-desc"><p>(optional) One of the valid Fx anchor positions (defaults to top: 't')</p>
+</div></li><li><span class="pre">options</span> : Object<div class="sub-desc"><p>(optional) Object literal with any of the Fx config options</p>
+</div></li><li><span class="pre">slideOut</span> : Object<div class="sub-desc">
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>The Element</p>
+</li></ul></div></div></div><div id="method-slideOut" class="member inherited"><a href="Ext.Layer.html#method-slideOut" rel="method-slideOut" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.anim.html#Ext-core.Element-method-slideOut" class="viewSource">view source</a></div><a name="slideOut"></a><a name="method-slideOut"></a><a href="Ext.Layer.html#" rel="method-slideOut" class="cls expand">slideOut</a>(
+<span class="pre">[String anchor], [Object options]</span>)
+ : Ext.core.Element</div><div class="description"><div class="short">Slides the element out of view. An anchor point can be optionally passed to set the end point
+for the slide effect. ...</div><div class="long"><p>Slides the element out of view. An anchor point can be optionally passed to set the end point
+for the slide effect. When the effect is completed, the element will be hidden (visibility =
+'hidden') but block elements will still take up space in the document. The element must be removed
+from the DOM using the 'remove' config option if desired. This function automatically handles
+wrapping the element with a fixed-size container if needed. See the Fx class overview for valid anchor point options.
+Usage:</p>
+
+<pre><code>// default: slide the element out to the top
+el.slideOut();
+
+// custom: slide the element out to the right with a 2-second duration
+el.slideOut('r', { duration: 2 });
+
+// common config options shown with default values
+el.slideOut('t', {
+ easing: 'easeOut',
+ duration: 500,
+ remove: false,
+ useDisplay: false
+});
+</code></pre>
+
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">anchor</span> : String<div class="sub-desc"><p>(optional) One of the valid Fx anchor positions (defaults to top: 't')</p>
+</div></li><li><span class="pre">options</span> : Object<div class="sub-desc"><p>(optional) Object literal with any of the Fx config options</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>The Element</p>
+</li></ul></div></div></div><div id="method-swallowEvent" class="member inherited"><a href="Ext.Layer.html#method-swallowEvent" rel="method-swallowEvent" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element-more.html#Ext-core.Element-method-swallowEvent" class="viewSource">view source</a></div><a name="swallowEvent"></a><a name="method-swallowEvent"></a><a href="Ext.Layer.html#" rel="method-swallowEvent" class="cls expand">swallowEvent</a>(
+<span class="pre">String/Array eventName, [Boolean preventDefault]</span>)
+ : Ext.core.Element</div><div class="description"><div class="short"><p>Stops the specified event(s) from bubbling and optionally prevents the default action</p>
+</div><div class="long"><p>Stops the specified event(s) from bubbling and optionally prevents the default action</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">eventName</span> : String/Array<div class="sub-desc"><p>an event / array of events to stop from bubbling</p>
+</div></li><li><span class="pre">preventDefault</span> : Boolean<div class="sub-desc"><p>(optional) true to prevent the default action too</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>this</p>
+</li></ul></div></div></div><div id="method-switchOff" class="member inherited"><a href="Ext.Layer.html#method-switchOff" rel="method-switchOff" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.anim.html#Ext-core.Element-method-switchOff" class="viewSource">view source</a></div><a name="switchOff"></a><a name="method-switchOff"></a><a href="Ext.Layer.html#" rel="method-switchOff" class="cls expand">switchOff</a>(
+<span class="pre">[Object options]</span>)
+ : Ext.core.Element</div><div class="description"><div class="short">Blinks the element as if it was clicked and then collapses on its center (similar to switching off a television).
+Whe...</div><div class="long"><p>Blinks the element as if it was clicked and then collapses on its center (similar to switching off a television).
+When the effect is completed, the element will be hidden (visibility = 'hidden') but block elements will still
+take up space in the document. The element must be removed from the DOM using the 'remove' config option if desired.
+Usage:</p>
+
+<pre><code>// default
+el.switchOff();
+
+// all config options shown with default values
+el.switchOff({
+ easing: 'easeIn',
+ duration: .3,
+ remove: false,
+ useDisplay: false
+});
+</code></pre>
+
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">options</span> : Object<div class="sub-desc"><p>(optional) Object literal with any of the Fx config options</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>The Element</p>
+</li></ul></div></div></div><div id="method-toggle" class="member inherited"><a href="Ext.Layer.html#method-toggle" rel="method-toggle" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.fx.html#Ext-core.Element-method-toggle" class="viewSource">view source</a></div><a name="toggle"></a><a name="method-toggle"></a><a href="Ext.Layer.html#" rel="method-toggle" class="cls expand">toggle</a>(
+<span class="pre">[Boolean/Object animate]</span>)
+ : Ext.core.Element</div><div class="description"><div class="short"><p>Toggles the element's visibility or display, depending on visibility mode.</p>
+</div><div class="long"><p>Toggles the element's visibility or display, depending on visibility mode.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">animate</span> : Boolean/Object<div class="sub-desc"><p>(optional) True for the default animation, or a standard Element animation config object</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>this</p>
+</li></ul></div></div></div><div id="method-translatePoints" class="member inherited"><a href="Ext.Layer.html#method-translatePoints" rel="method-translatePoints" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.position.html#Ext-core.Element-method-translatePoints" class="viewSource">view source</a></div><a name="translatePoints"></a><a name="method-translatePoints"></a><a href="Ext.Layer.html#" rel="method-translatePoints" class="cls expand">translatePoints</a>(
+<span class="pre">Number/Array x, [Number y]</span>)
+ : Object</div><div class="description"><div class="short"><p>Translates the passed page coordinates into left/top css values for this element</p>
+</div><div class="long"><p>Translates the passed page coordinates into left/top css values for this element</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">x</span> : Number/Array<div class="sub-desc"><p>The page x or an array containing [x, y]</p>
+</div></li><li><span class="pre">y</span> : Number<div class="sub-desc"><p>(optional) The page y, required if x is not an array</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Object</span> <p>An object with left and top properties. e.g. {left: (value), top: (value)}</p>
+</li></ul></div></div></div><div id="method-un" class="member inherited"><a href="Ext.Layer.html#method-un" rel="method-un" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element2.html#Ext-core.Element-method-un" class="viewSource">view source</a></div><a name="un"></a><a name="method-un"></a><a href="Ext.Layer.html#" rel="method-un" class="cls expand">un</a>(
+<span class="pre">String eventName, Function fn, Object scope</span>)
+ : Ext.core.Element</div><div class="description"><div class="short"><p>Removes an event handler from this element (see <a href="Ext.Layer.html#removeListener" rel="Ext.Layer#removeListener" class="docClass">removeListener</a> for additional notes).</p>
+</div><div class="long"><p>Removes an event handler from this element (see <a href="Ext.Layer.html#removeListener" rel="Ext.Layer#removeListener" class="docClass">removeListener</a> for additional notes).</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">eventName</span> : String<div class="sub-desc"><p>The name of the event from which to remove the handler.</p>
+</div></li><li><span class="pre">fn</span> : Function<div class="sub-desc"><p>The handler function to remove. <b>This must be a reference to the function passed into the <a href="Ext.Layer.html#addListener" rel="Ext.Layer#addListener" class="docClass">addListener</a> call.</b></p>
+</div></li><li><span class="pre">scope</span> : Object<div class="sub-desc"><p>If a scope (<b><code>this</code></b> reference) was specified when the listener was added,
+then this must refer to the same object.</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>this</p>
+</li></ul></div></div></div><div id="method-unclip" class="member inherited"><a href="Ext.Layer.html#method-unclip" rel="method-unclip" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.style.html#Ext-core.Element-method-unclip" class="viewSource">view source</a></div><a name="unclip"></a><a name="method-unclip"></a><a href="Ext.Layer.html#" rel="method-unclip" class="cls expand">unclip</a> : Ext.core.Element</div><div class="description"><div class="short"><p>Return clipping (overflow) to original clipping before <tt><a href="Ext.Layer.html#clip" rel="Ext.Layer#clip" class="docClass">clip</a></tt> was called</p>
+</div><div class="long"><p>Return clipping (overflow) to original clipping before <tt><a href="Ext.Layer.html#clip" rel="Ext.Layer#clip" class="docClass">clip</a></tt> was called</p>
+<h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>this</p>
+</li></ul></div></div></div><div id="method-unitizeBox" class="member inherited"><a href="Ext.Layer.html#method-unitizeBox" rel="method-unitizeBox" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.static.html#Ext-core.Element-method-unitizeBox" class="viewSource">view source</a></div><a name="unitizeBox"></a><a name="method-unitizeBox"></a><a href="Ext.Layer.html#" rel="method-unitizeBox" class="cls expand">unitizeBox</a>(
+<span class="pre">Number|String box, String units</span>)
+ : String</div><div class="description"><div class="short">Parses a number or string representing margin sizes into an object. Supports CSS-style margin declarations
+(e.g. 10, ...</div><div class="long"><p>Parses a number or string representing margin sizes into an object. Supports CSS-style margin declarations
+(e.g. 10, "10", "10 10", "10 10 10" and "10 10 10 10" are all valid options and would return the same result)</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">box</span> : Number|String<div class="sub-desc"><p>The encoded margins</p>
+</div></li><li><span class="pre">units</span> : String<div class="sub-desc"><p>The type of units to add</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">String</span> <p>An string with unitized (px if units is not specified) metrics for top, right, bottom and left</p>
+</li></ul></div></div></div><div id="method-unmask" class="member inherited"><a href="Ext.Layer.html#method-unmask" rel="method-unmask" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.fx-more.html#Ext-core.Element-method-unmask" class="viewSource">view source</a></div><a name="unmask"></a><a name="method-unmask"></a><a href="Ext.Layer.html#" rel="method-unmask" class="cls expand">unmask</a> : void</div><div class="description"><div class="short"><p>Removes a previously applied mask.</p>
+</div><div class="long"><p>Removes a previously applied mask.</p>
+<h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
+</li></ul></div></div></div><div id="method-unselectable" class="member inherited"><a href="Ext.Layer.html#method-unselectable" rel="method-unselectable" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.style.html#Ext-core.Element-method-unselectable" class="viewSource">view source</a></div><a name="unselectable"></a><a name="method-unselectable"></a><a href="Ext.Layer.html#" rel="method-unselectable" class="cls expand">unselectable</a> : Ext.core.Element</div><div class="description"><div class="short"><p>Disables text selection for this element (normalized across browsers)</p>
+</div><div class="long"><p>Disables text selection for this element (normalized across browsers)</p>
+<h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>this</p>
+</li></ul></div></div></div><div id="method-up" class="member inherited"><a href="Ext.Layer.html#method-up" rel="method-up" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.traversal.html#Ext-core.Element-method-up" class="viewSource">view source</a></div><a name="up"></a><a name="method-up"></a><a href="Ext.Layer.html#" rel="method-up" class="cls expand">up</a>(
+<span class="pre">String selector, [Number/Mixed maxDepth]</span>)
+ : Ext.core.Element</div><div class="description"><div class="short">Walks up the dom looking for a parent node that matches the passed simple selector (e.g. div.some-class or span:first...</div><div class="long"><p>Walks up the dom looking for a parent node that matches the passed simple selector (e.g. div.some-class or span:first-child).
+This is a shortcut for findParentNode() that always returns an Ext.core.Element.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">selector</span> : String<div class="sub-desc"><p>The simple selector to test</p>
+</div></li><li><span class="pre">maxDepth</span> : Number/Mixed<div class="sub-desc"><p>(optional) The max depth to</p>
+
+<pre><code> search as a number or element (defaults to 10 || document.body)
+</code></pre>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>The matching DOM node (or null if no match was found)</p>
+</li></ul></div></div></div><div id="method-update" class="member inherited"><a href="Ext.Layer.html#method-update" rel="method-update" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element2.html#Ext-core.Element-method-update" class="viewSource">view source</a></div><a name="update"></a><a name="method-update"></a><a href="Ext.Layer.html#" rel="method-update" class="cls expand">update</a>(
+<span class="pre">String html</span>)
+ : Ext.core.Element</div><div class="description"><div class="short"><p>Update the innerHTML of this element</p>
+</div><div class="long"><p>Update the innerHTML of this element</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">html</span> : String<div class="sub-desc"><p>The new HTML</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>this</p>
+</li></ul></div></div></div><div id="method-wrap" class="member inherited"><a href="Ext.Layer.html#method-wrap" rel="method-wrap" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element.insertion.html#Ext-core.Element-method-wrap" class="viewSource">view source</a></div><a name="wrap"></a><a name="method-wrap"></a><a href="Ext.Layer.html#" rel="method-wrap" class="cls expand">wrap</a>(
+<span class="pre">[Object config], [Boolean returnDom]</span>)
+ : HTMLElement/Element</div><div class="description"><div class="short"><p>Creates and wraps this element with another element</p>
+</div><div class="long"><p>Creates and wraps this element with another element</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">config</span> : Object<div class="sub-desc"><p>(optional) DomHelper element config object for the wrapper element or null for an empty div</p>
+</div></li><li><span class="pre">returnDom</span> : Boolean<div class="sub-desc"><p>(optional) True to return the raw DOM element instead of Ext.core.Element</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">HTMLElement/Element</span> <p>The newly created wrapper element</p>
+</li></ul></div></div></div></div><div class="m-events"><a name="events"></a><div class="definedBy">Defined By</div><h3 class="evt p">Events</h3><div id="event-DOMActivate" class="member f inherited"><a href="Ext.Layer.html#event-DOMActivate" rel="event-DOMActivate" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element2.html#Ext-core.Element-event-DOMActivate" class="viewSource">view source</a></div><a name="DOMActivate"></a><a name="event-DOMActivate"></a><a href="Ext.Layer.html#" rel="event-DOMActivate" class="cls expand">DOMActivate</a>(
+<span class="pre">Ext.EventObject e, HtmlElement t, Object o</span>)
+</div><div class="description"><div class="short"><p>Where supported. Fires when an element is activated, for instance, through a mouse click or a keypress.</p>
+</div><div class="long"><p>Where supported. Fires when an element is activated, for instance, through a mouse click or a keypress.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">e</span> : Ext.EventObject<div class="sub-desc"><p>The <a href="Ext.EventObject.html" rel="Ext.EventObject" class="docClass">Ext.EventObject</a> encapsulating the DOM event.</p>
+</div></li><li><span class="pre">t</span> : HtmlElement<div class="sub-desc"><p>The target of the event.</p>
+</div></li><li><span class="pre">o</span> : Object<div class="sub-desc"><p>The options configuration passed to the <a href="Ext.Layer.html#addListener" rel="Ext.Layer#addListener" class="docClass">addListener</a> call.</p>
+</div></li></ul></div></div></div><div id="event-DOMAttrModified" class="member inherited"><a href="Ext.Layer.html#event-DOMAttrModified" rel="event-DOMAttrModified" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element2.html#Ext-core.Element-event-DOMAttrModified" class="viewSource">view source</a></div><a name="DOMAttrModified"></a><a name="event-DOMAttrModified"></a><a href="Ext.Layer.html#" rel="event-DOMAttrModified" class="cls expand">DOMAttrModified</a>(
+<span class="pre">Ext.EventObject e, HtmlElement t, Object o</span>)
+</div><div class="description"><div class="short"><p>Where supported. Fires when an attribute has been modified.</p>
+</div><div class="long"><p>Where supported. Fires when an attribute has been modified.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">e</span> : Ext.EventObject<div class="sub-desc"><p>The <a href="Ext.EventObject.html" rel="Ext.EventObject" class="docClass">Ext.EventObject</a> encapsulating the DOM event.</p>
+</div></li><li><span class="pre">t</span> : HtmlElement<div class="sub-desc"><p>The target of the event.</p>
+</div></li><li><span class="pre">o</span> : Object<div class="sub-desc"><p>The options configuration passed to the <a href="Ext.Layer.html#addListener" rel="Ext.Layer#addListener" class="docClass">addListener</a> call.</p>
+</div></li></ul></div></div></div><div id="event-DOMCharacterDataModified" class="member inherited"><a href="Ext.Layer.html#event-DOMCharacterDataModified" rel="event-DOMCharacterDataModified" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element2.html#Ext-core.Element-event-DOMCharacterDataModified" class="viewSource">view source</a></div><a name="DOMCharacterDataModified"></a><a name="event-DOMCharacterDataModified"></a><a href="Ext.Layer.html#" rel="event-DOMCharacterDataModified" class="cls expand">DOMCharacterDataModified</a>(
+<span class="pre">Ext.EventObject e, HtmlElement t, Object o</span>)
+</div><div class="description"><div class="short"><p>Where supported. Fires when the character data has been modified.</p>
+</div><div class="long"><p>Where supported. Fires when the character data has been modified.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">e</span> : Ext.EventObject<div class="sub-desc"><p>The <a href="Ext.EventObject.html" rel="Ext.EventObject" class="docClass">Ext.EventObject</a> encapsulating the DOM event.</p>
+</div></li><li><span class="pre">t</span> : HtmlElement<div class="sub-desc"><p>The target of the event.</p>
+</div></li><li><span class="pre">o</span> : Object<div class="sub-desc"><p>The options configuration passed to the <a href="Ext.Layer.html#addListener" rel="Ext.Layer#addListener" class="docClass">addListener</a> call.</p>
+</div></li></ul></div></div></div><div id="event-DOMFocusIn" class="member inherited"><a href="Ext.Layer.html#event-DOMFocusIn" rel="event-DOMFocusIn" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element2.html#Ext-core.Element-event-DOMFocusIn" class="viewSource">view source</a></div><a name="DOMFocusIn"></a><a name="event-DOMFocusIn"></a><a href="Ext.Layer.html#" rel="event-DOMFocusIn" class="cls expand">DOMFocusIn</a>(
+<span class="pre">Ext.EventObject e, HtmlElement t, Object o</span>)
+</div><div class="description"><div class="short"><p>Where supported. Similar to HTML focus event, but can be applied to any focusable element.</p>
+</div><div class="long"><p>Where supported. Similar to HTML focus event, but can be applied to any focusable element.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">e</span> : Ext.EventObject<div class="sub-desc"><p>The <a href="Ext.EventObject.html" rel="Ext.EventObject" class="docClass">Ext.EventObject</a> encapsulating the DOM event.</p>
+</div></li><li><span class="pre">t</span> : HtmlElement<div class="sub-desc"><p>The target of the event.</p>
+</div></li><li><span class="pre">o</span> : Object<div class="sub-desc"><p>The options configuration passed to the <a href="Ext.Layer.html#addListener" rel="Ext.Layer#addListener" class="docClass">addListener</a> call.</p>
+</div></li></ul></div></div></div><div id="event-DOMFocusOut" class="member inherited"><a href="Ext.Layer.html#event-DOMFocusOut" rel="event-DOMFocusOut" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element2.html#Ext-core.Element-event-DOMFocusOut" class="viewSource">view source</a></div><a name="DOMFocusOut"></a><a name="event-DOMFocusOut"></a><a href="Ext.Layer.html#" rel="event-DOMFocusOut" class="cls expand">DOMFocusOut</a>(
+<span class="pre">Ext.EventObject e, HtmlElement t, Object o</span>)
+</div><div class="description"><div class="short"><p>Where supported. Similar to HTML blur event, but can be applied to any focusable element.</p>
+</div><div class="long"><p>Where supported. Similar to HTML blur event, but can be applied to any focusable element.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">e</span> : Ext.EventObject<div class="sub-desc"><p>The <a href="Ext.EventObject.html" rel="Ext.EventObject" class="docClass">Ext.EventObject</a> encapsulating the DOM event.</p>
+</div></li><li><span class="pre">t</span> : HtmlElement<div class="sub-desc"><p>The target of the event.</p>
+</div></li><li><span class="pre">o</span> : Object<div class="sub-desc"><p>The options configuration passed to the <a href="Ext.Layer.html#addListener" rel="Ext.Layer#addListener" class="docClass">addListener</a> call.</p>
+</div></li></ul></div></div></div><div id="event-DOMNodeInserted" class="member inherited"><a href="Ext.Layer.html#event-DOMNodeInserted" rel="event-DOMNodeInserted" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element2.html#Ext-core.Element-event-DOMNodeInserted" class="viewSource">view source</a></div><a name="DOMNodeInserted"></a><a name="event-DOMNodeInserted"></a><a href="Ext.Layer.html#" rel="event-DOMNodeInserted" class="cls expand">DOMNodeInserted</a>(
+<span class="pre">Ext.EventObject e, HtmlElement t, Object o</span>)
+</div><div class="description"><div class="short"><p>Where supported. Fires when a node has been added as a child of another node.</p>
+</div><div class="long"><p>Where supported. Fires when a node has been added as a child of another node.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">e</span> : Ext.EventObject<div class="sub-desc"><p>The <a href="Ext.EventObject.html" rel="Ext.EventObject" class="docClass">Ext.EventObject</a> encapsulating the DOM event.</p>
+</div></li><li><span class="pre">t</span> : HtmlElement<div class="sub-desc"><p>The target of the event.</p>
+</div></li><li><span class="pre">o</span> : Object<div class="sub-desc"><p>The options configuration passed to the <a href="Ext.Layer.html#addListener" rel="Ext.Layer#addListener" class="docClass">addListener</a> call.</p>
+</div></li></ul></div></div></div><div id="event-DOMNodeInsertedIntoDocument" class="member inherited"><a href="Ext.Layer.html#event-DOMNodeInsertedIntoDocument" rel="event-DOMNodeInsertedIntoDocument" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element2.html#Ext-core.Element-event-DOMNodeInsertedIntoDocument" class="viewSource">view source</a></div><a name="DOMNodeInsertedIntoDocument"></a><a name="event-DOMNodeInsertedIntoDocument"></a><a href="Ext.Layer.html#" rel="event-DOMNodeInsertedIntoDocument" class="cls expand">DOMNodeInsertedIntoDocument</a>(
+<span class="pre">Ext.EventObject e, HtmlElement t, Object o</span>)
+</div><div class="description"><div class="short"><p>Where supported. Fires when a node is being inserted into a document.</p>
+</div><div class="long"><p>Where supported. Fires when a node is being inserted into a document.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">e</span> : Ext.EventObject<div class="sub-desc"><p>The <a href="Ext.EventObject.html" rel="Ext.EventObject" class="docClass">Ext.EventObject</a> encapsulating the DOM event.</p>
+</div></li><li><span class="pre">t</span> : HtmlElement<div class="sub-desc"><p>The target of the event.</p>
+</div></li><li><span class="pre">o</span> : Object<div class="sub-desc"><p>The options configuration passed to the <a href="Ext.Layer.html#addListener" rel="Ext.Layer#addListener" class="docClass">addListener</a> call.</p>
+</div></li></ul></div></div></div><div id="event-DOMNodeRemoved" class="member inherited"><a href="Ext.Layer.html#event-DOMNodeRemoved" rel="event-DOMNodeRemoved" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element2.html#Ext-core.Element-event-DOMNodeRemoved" class="viewSource">view source</a></div><a name="DOMNodeRemoved"></a><a name="event-DOMNodeRemoved"></a><a href="Ext.Layer.html#" rel="event-DOMNodeRemoved" class="cls expand">DOMNodeRemoved</a>(
+<span class="pre">Ext.EventObject e, HtmlElement t, Object o</span>)
+</div><div class="description"><div class="short"><p>Where supported. Fires when a descendant node of the element is removed.</p>
+</div><div class="long"><p>Where supported. Fires when a descendant node of the element is removed.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">e</span> : Ext.EventObject<div class="sub-desc"><p>The <a href="Ext.EventObject.html" rel="Ext.EventObject" class="docClass">Ext.EventObject</a> encapsulating the DOM event.</p>
+</div></li><li><span class="pre">t</span> : HtmlElement<div class="sub-desc"><p>The target of the event.</p>
+</div></li><li><span class="pre">o</span> : Object<div class="sub-desc"><p>The options configuration passed to the <a href="Ext.Layer.html#addListener" rel="Ext.Layer#addListener" class="docClass">addListener</a> call.</p>
+</div></li></ul></div></div></div><div id="event-DOMNodeRemovedFromDocument" class="member inherited"><a href="Ext.Layer.html#event-DOMNodeRemovedFromDocument" rel="event-DOMNodeRemovedFromDocument" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element2.html#Ext-core.Element-event-DOMNodeRemovedFromDocument" class="viewSource">view source</a></div><a name="DOMNodeRemovedFromDocument"></a><a name="event-DOMNodeRemovedFromDocument"></a><a href="Ext.Layer.html#" rel="event-DOMNodeRemovedFromDocument" class="cls expand">DOMNodeRemovedFromDocument</a>(
+<span class="pre">Ext.EventObject e, HtmlElement t, Object o</span>)
+</div><div class="description"><div class="short"><p>Where supported. Fires when a node is being removed from a document.</p>
+</div><div class="long"><p>Where supported. Fires when a node is being removed from a document.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">e</span> : Ext.EventObject<div class="sub-desc"><p>The <a href="Ext.EventObject.html" rel="Ext.EventObject" class="docClass">Ext.EventObject</a> encapsulating the DOM event.</p>
+</div></li><li><span class="pre">t</span> : HtmlElement<div class="sub-desc"><p>The target of the event.</p>
+</div></li><li><span class="pre">o</span> : Object<div class="sub-desc"><p>The options configuration passed to the <a href="Ext.Layer.html#addListener" rel="Ext.Layer#addListener" class="docClass">addListener</a> call.</p>
+</div></li></ul></div></div></div><div id="event-DOMSubtreeModified" class="member inherited"><a href="Ext.Layer.html#event-DOMSubtreeModified" rel="event-DOMSubtreeModified" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element2.html#Ext-core.Element-event-DOMSubtreeModified" class="viewSource">view source</a></div><a name="DOMSubtreeModified"></a><a name="event-DOMSubtreeModified"></a><a href="Ext.Layer.html#" rel="event-DOMSubtreeModified" class="cls expand">DOMSubtreeModified</a>(
+<span class="pre">Ext.EventObject e, HtmlElement t, Object o</span>)
+</div><div class="description"><div class="short"><p>Where supported. Fires when the subtree is modified.</p>
+</div><div class="long"><p>Where supported. Fires when the subtree is modified.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">e</span> : Ext.EventObject<div class="sub-desc"><p>The <a href="Ext.EventObject.html" rel="Ext.EventObject" class="docClass">Ext.EventObject</a> encapsulating the DOM event.</p>
+</div></li><li><span class="pre">t</span> : HtmlElement<div class="sub-desc"><p>The target of the event.</p>
+</div></li><li><span class="pre">o</span> : Object<div class="sub-desc"><p>The options configuration passed to the <a href="Ext.Layer.html#addListener" rel="Ext.Layer#addListener" class="docClass">addListener</a> call.</p>
+</div></li></ul></div></div></div><div id="event-abort" class="member inherited"><a href="Ext.Layer.html#event-abort" rel="event-abort" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element2.html#Ext-core.Element-event-abort" class="viewSource">view source</a></div><a name="abort"></a><a name="event-abort"></a><a href="Ext.Layer.html#" rel="event-abort" class="cls expand">abort</a>(
+<span class="pre">Ext.EventObject e, HtmlElement t, Object o</span>)
+</div><div class="description"><div class="short"><p>Fires when an object/image is stopped from loading before completely loaded.</p>
+</div><div class="long"><p>Fires when an object/image is stopped from loading before completely loaded.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">e</span> : Ext.EventObject<div class="sub-desc"><p>The <a href="Ext.EventObject.html" rel="Ext.EventObject" class="docClass">Ext.EventObject</a> encapsulating the DOM event.</p>
+</div></li><li><span class="pre">t</span> : HtmlElement<div class="sub-desc"><p>The target of the event.</p>
+</div></li><li><span class="pre">o</span> : Object<div class="sub-desc"><p>The options configuration passed to the <a href="Ext.Layer.html#addListener" rel="Ext.Layer#addListener" class="docClass">addListener</a> call.</p>
+</div></li></ul></div></div></div><div id="event-blur" class="member inherited"><a href="Ext.Layer.html#event-blur" rel="event-blur" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element2.html#Ext-core.Element-event-blur" class="viewSource">view source</a></div><a name="blur"></a><a name="event-blur"></a><a href="Ext.Layer.html#" rel="event-blur" class="cls expand">blur</a>(
+<span class="pre">Ext.EventObject e, HtmlElement t, Object o</span>)
+</div><div class="description"><div class="short"><p>Fires when an element loses focus either via the pointing device or by tabbing navigation.</p>
+</div><div class="long"><p>Fires when an element loses focus either via the pointing device or by tabbing navigation.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">e</span> : Ext.EventObject<div class="sub-desc"><p>The <a href="Ext.EventObject.html" rel="Ext.EventObject" class="docClass">Ext.EventObject</a> encapsulating the DOM event.</p>
+</div></li><li><span class="pre">t</span> : HtmlElement<div class="sub-desc"><p>The target of the event.</p>
+</div></li><li><span class="pre">o</span> : Object<div class="sub-desc"><p>The options configuration passed to the <a href="Ext.Layer.html#addListener" rel="Ext.Layer#addListener" class="docClass">addListener</a> call.</p>
+</div></li></ul></div></div></div><div id="event-change" class="member inherited"><a href="Ext.Layer.html#event-change" rel="event-change" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element2.html#Ext-core.Element-event-change" class="viewSource">view source</a></div><a name="change"></a><a name="event-change"></a><a href="Ext.Layer.html#" rel="event-change" class="cls expand">change</a>(
+<span class="pre">Ext.EventObject e, HtmlElement t, Object o</span>)
+</div><div class="description"><div class="short"><p>Fires when a control loses the input focus and its value has been modified since gaining focus.</p>
+</div><div class="long"><p>Fires when a control loses the input focus and its value has been modified since gaining focus.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">e</span> : Ext.EventObject<div class="sub-desc"><p>The <a href="Ext.EventObject.html" rel="Ext.EventObject" class="docClass">Ext.EventObject</a> encapsulating the DOM event.</p>
+</div></li><li><span class="pre">t</span> : HtmlElement<div class="sub-desc"><p>The target of the event.</p>
+</div></li><li><span class="pre">o</span> : Object<div class="sub-desc"><p>The options configuration passed to the <a href="Ext.Layer.html#addListener" rel="Ext.Layer#addListener" class="docClass">addListener</a> call.</p>
+</div></li></ul></div></div></div><div id="event-click" class="member inherited"><a href="Ext.Layer.html#event-click" rel="event-click" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element2.html#Ext-core.Element-event-click" class="viewSource">view source</a></div><a name="click"></a><a name="event-click"></a><a href="Ext.Layer.html#" rel="event-click" class="cls expand">click</a>(
+<span class="pre">Ext.EventObject e, HtmlElement t, Object o</span>)
+</div><div class="description"><div class="short"><p>Fires when a mouse click is detected within the element.</p>
+</div><div class="long"><p>Fires when a mouse click is detected within the element.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">e</span> : Ext.EventObject<div class="sub-desc"><p>The <a href="Ext.EventObject.html" rel="Ext.EventObject" class="docClass">Ext.EventObject</a> encapsulating the DOM event.</p>
+</div></li><li><span class="pre">t</span> : HtmlElement<div class="sub-desc"><p>The target of the event.</p>
+</div></li><li><span class="pre">o</span> : Object<div class="sub-desc"><p>The options configuration passed to the <a href="Ext.Layer.html#addListener" rel="Ext.Layer#addListener" class="docClass">addListener</a> call.</p>
+</div></li></ul></div></div></div><div id="event-contextmenu" class="member inherited"><a href="Ext.Layer.html#event-contextmenu" rel="event-contextmenu" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element2.html#Ext-core.Element-event-contextmenu" class="viewSource">view source</a></div><a name="contextmenu"></a><a name="event-contextmenu"></a><a href="Ext.Layer.html#" rel="event-contextmenu" class="cls expand">contextmenu</a>(
+<span class="pre">Ext.EventObject e, HtmlElement t, Object o</span>)
+</div><div class="description"><div class="short"><p>Fires when a right click is detected within the element.</p>
+</div><div class="long"><p>Fires when a right click is detected within the element.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">e</span> : Ext.EventObject<div class="sub-desc"><p>The <a href="Ext.EventObject.html" rel="Ext.EventObject" class="docClass">Ext.EventObject</a> encapsulating the DOM event.</p>
+</div></li><li><span class="pre">t</span> : HtmlElement<div class="sub-desc"><p>The target of the event.</p>
+</div></li><li><span class="pre">o</span> : Object<div class="sub-desc"><p>The options configuration passed to the <a href="Ext.Layer.html#addListener" rel="Ext.Layer#addListener" class="docClass">addListener</a> call.</p>
+</div></li></ul></div></div></div><div id="event-dblclick" class="member inherited"><a href="Ext.Layer.html#event-dblclick" rel="event-dblclick" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element2.html#Ext-core.Element-event-dblclick" class="viewSource">view source</a></div><a name="dblclick"></a><a name="event-dblclick"></a><a href="Ext.Layer.html#" rel="event-dblclick" class="cls expand">dblclick</a>(
+<span class="pre">Ext.EventObject e, HtmlElement t, Object o</span>)
+</div><div class="description"><div class="short"><p>Fires when a mouse double click is detected within the element.</p>
+</div><div class="long"><p>Fires when a mouse double click is detected within the element.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">e</span> : Ext.EventObject<div class="sub-desc"><p>The <a href="Ext.EventObject.html" rel="Ext.EventObject" class="docClass">Ext.EventObject</a> encapsulating the DOM event.</p>
+</div></li><li><span class="pre">t</span> : HtmlElement<div class="sub-desc"><p>The target of the event.</p>
+</div></li><li><span class="pre">o</span> : Object<div class="sub-desc"><p>The options configuration passed to the <a href="Ext.Layer.html#addListener" rel="Ext.Layer#addListener" class="docClass">addListener</a> call.</p>
+</div></li></ul></div></div></div><div id="event-error" class="member inherited"><a href="Ext.Layer.html#event-error" rel="event-error" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element2.html#Ext-core.Element-event-error" class="viewSource">view source</a></div><a name="error"></a><a name="event-error"></a><a href="Ext.Layer.html#" rel="event-error" class="cls expand">error</a>(
+<span class="pre">Ext.EventObject e, HtmlElement t, Object o</span>)
+</div><div class="description"><div class="short"><p>Fires when an object/image/frame cannot be loaded properly.</p>
+</div><div class="long"><p>Fires when an object/image/frame cannot be loaded properly.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">e</span> : Ext.EventObject<div class="sub-desc"><p>The <a href="Ext.EventObject.html" rel="Ext.EventObject" class="docClass">Ext.EventObject</a> encapsulating the DOM event.</p>
+</div></li><li><span class="pre">t</span> : HtmlElement<div class="sub-desc"><p>The target of the event.</p>
+</div></li><li><span class="pre">o</span> : Object<div class="sub-desc"><p>The options configuration passed to the <a href="Ext.Layer.html#addListener" rel="Ext.Layer#addListener" class="docClass">addListener</a> call.</p>
+</div></li></ul></div></div></div><div id="event-focus" class="member inherited"><a href="Ext.Layer.html#event-focus" rel="event-focus" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element2.html#Ext-core.Element-event-focus" class="viewSource">view source</a></div><a name="focus"></a><a name="event-focus"></a><a href="Ext.Layer.html#" rel="event-focus" class="cls expand">focus</a>(
+<span class="pre">Ext.EventObject e, HtmlElement t, Object o</span>)
+</div><div class="description"><div class="short"><p>Fires when an element receives focus either via the pointing device or by tab navigation.</p>
+</div><div class="long"><p>Fires when an element receives focus either via the pointing device or by tab navigation.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">e</span> : Ext.EventObject<div class="sub-desc"><p>The <a href="Ext.EventObject.html" rel="Ext.EventObject" class="docClass">Ext.EventObject</a> encapsulating the DOM event.</p>
+</div></li><li><span class="pre">t</span> : HtmlElement<div class="sub-desc"><p>The target of the event.</p>
+</div></li><li><span class="pre">o</span> : Object<div class="sub-desc"><p>The options configuration passed to the <a href="Ext.Layer.html#addListener" rel="Ext.Layer#addListener" class="docClass">addListener</a> call.</p>
+</div></li></ul></div></div></div><div id="event-keydown" class="member inherited"><a href="Ext.Layer.html#event-keydown" rel="event-keydown" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element2.html#Ext-core.Element-event-keydown" class="viewSource">view source</a></div><a name="keydown"></a><a name="event-keydown"></a><a href="Ext.Layer.html#" rel="event-keydown" class="cls expand">keydown</a>(
+<span class="pre">Ext.EventObject e, HtmlElement t, Object o</span>)
+</div><div class="description"><div class="short"><p>Fires when a keydown is detected within the element.</p>
+</div><div class="long"><p>Fires when a keydown is detected within the element.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">e</span> : Ext.EventObject<div class="sub-desc"><p>The <a href="Ext.EventObject.html" rel="Ext.EventObject" class="docClass">Ext.EventObject</a> encapsulating the DOM event.</p>
+</div></li><li><span class="pre">t</span> : HtmlElement<div class="sub-desc"><p>The target of the event.</p>
+</div></li><li><span class="pre">o</span> : Object<div class="sub-desc"><p>The options configuration passed to the <a href="Ext.Layer.html#addListener" rel="Ext.Layer#addListener" class="docClass">addListener</a> call.</p>
+</div></li></ul></div></div></div><div id="event-keypress" class="member inherited"><a href="Ext.Layer.html#event-keypress" rel="event-keypress" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element2.html#Ext-core.Element-event-keypress" class="viewSource">view source</a></div><a name="keypress"></a><a name="event-keypress"></a><a href="Ext.Layer.html#" rel="event-keypress" class="cls expand">keypress</a>(
+<span class="pre">Ext.EventObject e, HtmlElement t, Object o</span>)
+</div><div class="description"><div class="short"><p>Fires when a keypress is detected within the element.</p>
+</div><div class="long"><p>Fires when a keypress is detected within the element.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">e</span> : Ext.EventObject<div class="sub-desc"><p>The <a href="Ext.EventObject.html" rel="Ext.EventObject" class="docClass">Ext.EventObject</a> encapsulating the DOM event.</p>
+</div></li><li><span class="pre">t</span> : HtmlElement<div class="sub-desc"><p>The target of the event.</p>
+</div></li><li><span class="pre">o</span> : Object<div class="sub-desc"><p>The options configuration passed to the <a href="Ext.Layer.html#addListener" rel="Ext.Layer#addListener" class="docClass">addListener</a> call.</p>
+</div></li></ul></div></div></div><div id="event-keyup" class="member inherited"><a href="Ext.Layer.html#event-keyup" rel="event-keyup" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element2.html#Ext-core.Element-event-keyup" class="viewSource">view source</a></div><a name="keyup"></a><a name="event-keyup"></a><a href="Ext.Layer.html#" rel="event-keyup" class="cls expand">keyup</a>(
+<span class="pre">Ext.EventObject e, HtmlElement t, Object o</span>)
+</div><div class="description"><div class="short"><p>Fires when a keyup is detected within the element.</p>
+</div><div class="long"><p>Fires when a keyup is detected within the element.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">e</span> : Ext.EventObject<div class="sub-desc"><p>The <a href="Ext.EventObject.html" rel="Ext.EventObject" class="docClass">Ext.EventObject</a> encapsulating the DOM event.</p>
+</div></li><li><span class="pre">t</span> : HtmlElement<div class="sub-desc"><p>The target of the event.</p>
+</div></li><li><span class="pre">o</span> : Object<div class="sub-desc"><p>The options configuration passed to the <a href="Ext.Layer.html#addListener" rel="Ext.Layer#addListener" class="docClass">addListener</a> call.</p>
+</div></li></ul></div></div></div><div id="event-load" class="member inherited"><a href="Ext.Layer.html#event-load" rel="event-load" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element2.html#Ext-core.Element-event-load" class="viewSource">view source</a></div><a name="load"></a><a name="event-load"></a><a href="Ext.Layer.html#" rel="event-load" class="cls expand">load</a>(
+<span class="pre">Ext.EventObject e, HtmlElement t, Object o</span>)
+</div><div class="description"><div class="short">Fires when the user agent finishes loading all content within the element. Only supported by window, frames, objects ...</div><div class="long"><p>Fires when the user agent finishes loading all content within the element. Only supported by window, frames, objects and images.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">e</span> : Ext.EventObject<div class="sub-desc"><p>The <a href="Ext.EventObject.html" rel="Ext.EventObject" class="docClass">Ext.EventObject</a> encapsulating the DOM event.</p>
+</div></li><li><span class="pre">t</span> : HtmlElement<div class="sub-desc"><p>The target of the event.</p>
+</div></li><li><span class="pre">o</span> : Object<div class="sub-desc"><p>The options configuration passed to the <a href="Ext.Layer.html#addListener" rel="Ext.Layer#addListener" class="docClass">addListener</a> call.</p>
+</div></li></ul></div></div></div><div id="event-mousedown" class="member inherited"><a href="Ext.Layer.html#event-mousedown" rel="event-mousedown" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element2.html#Ext-core.Element-event-mousedown" class="viewSource">view source</a></div><a name="mousedown"></a><a name="event-mousedown"></a><a href="Ext.Layer.html#" rel="event-mousedown" class="cls expand">mousedown</a>(
+<span class="pre">Ext.EventObject e, HtmlElement t, Object o</span>)
+</div><div class="description"><div class="short"><p>Fires when a mousedown is detected within the element.</p>
+</div><div class="long"><p>Fires when a mousedown is detected within the element.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">e</span> : Ext.EventObject<div class="sub-desc"><p>The <a href="Ext.EventObject.html" rel="Ext.EventObject" class="docClass">Ext.EventObject</a> encapsulating the DOM event.</p>
+</div></li><li><span class="pre">t</span> : HtmlElement<div class="sub-desc"><p>The target of the event.</p>
+</div></li><li><span class="pre">o</span> : Object<div class="sub-desc"><p>The options configuration passed to the <a href="Ext.Layer.html#addListener" rel="Ext.Layer#addListener" class="docClass">addListener</a> call.</p>
+</div></li></ul></div></div></div><div id="event-mouseenter" class="member inherited"><a href="Ext.Layer.html#event-mouseenter" rel="event-mouseenter" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element2.html#Ext-core.Element-event-mouseenter" class="viewSource">view source</a></div><a name="mouseenter"></a><a name="event-mouseenter"></a><a href="Ext.Layer.html#" rel="event-mouseenter" class="cls expand">mouseenter</a>(
+<span class="pre">Ext.EventObject e, HtmlElement t, Object o</span>)
+</div><div class="description"><div class="short"><p>Fires when the mouse enters the element.</p>
+</div><div class="long"><p>Fires when the mouse enters the element.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">e</span> : Ext.EventObject<div class="sub-desc"><p>The <a href="Ext.EventObject.html" rel="Ext.EventObject" class="docClass">Ext.EventObject</a> encapsulating the DOM event.</p>
+</div></li><li><span class="pre">t</span> : HtmlElement<div class="sub-desc"><p>The target of the event.</p>
+</div></li><li><span class="pre">o</span> : Object<div class="sub-desc"><p>The options configuration passed to the <a href="Ext.Layer.html#addListener" rel="Ext.Layer#addListener" class="docClass">addListener</a> call.</p>
+</div></li></ul></div></div></div><div id="event-mouseleave" class="member inherited"><a href="Ext.Layer.html#event-mouseleave" rel="event-mouseleave" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element2.html#Ext-core.Element-event-mouseleave" class="viewSource">view source</a></div><a name="mouseleave"></a><a name="event-mouseleave"></a><a href="Ext.Layer.html#" rel="event-mouseleave" class="cls expand">mouseleave</a>(
+<span class="pre">Ext.EventObject e, HtmlElement t, Object o</span>)
+</div><div class="description"><div class="short"><p>Fires when the mouse leaves the element.</p>
+</div><div class="long"><p>Fires when the mouse leaves the element.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">e</span> : Ext.EventObject<div class="sub-desc"><p>The <a href="Ext.EventObject.html" rel="Ext.EventObject" class="docClass">Ext.EventObject</a> encapsulating the DOM event.</p>
+</div></li><li><span class="pre">t</span> : HtmlElement<div class="sub-desc"><p>The target of the event.</p>
+</div></li><li><span class="pre">o</span> : Object<div class="sub-desc"><p>The options configuration passed to the <a href="Ext.Layer.html#addListener" rel="Ext.Layer#addListener" class="docClass">addListener</a> call.</p>
+</div></li></ul></div></div></div><div id="event-mousemove" class="member inherited"><a href="Ext.Layer.html#event-mousemove" rel="event-mousemove" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element2.html#Ext-core.Element-event-mousemove" class="viewSource">view source</a></div><a name="mousemove"></a><a name="event-mousemove"></a><a href="Ext.Layer.html#" rel="event-mousemove" class="cls expand">mousemove</a>(
+<span class="pre">Ext.EventObject e, HtmlElement t, Object o</span>)
+</div><div class="description"><div class="short"><p>Fires when a mousemove is detected with the element.</p>
+</div><div class="long"><p>Fires when a mousemove is detected with the element.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">e</span> : Ext.EventObject<div class="sub-desc"><p>The <a href="Ext.EventObject.html" rel="Ext.EventObject" class="docClass">Ext.EventObject</a> encapsulating the DOM event.</p>
+</div></li><li><span class="pre">t</span> : HtmlElement<div class="sub-desc"><p>The target of the event.</p>
+</div></li><li><span class="pre">o</span> : Object<div class="sub-desc"><p>The options configuration passed to the <a href="Ext.Layer.html#addListener" rel="Ext.Layer#addListener" class="docClass">addListener</a> call.</p>
+</div></li></ul></div></div></div><div id="event-mouseout" class="member inherited"><a href="Ext.Layer.html#event-mouseout" rel="event-mouseout" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element2.html#Ext-core.Element-event-mouseout" class="viewSource">view source</a></div><a name="mouseout"></a><a name="event-mouseout"></a><a href="Ext.Layer.html#" rel="event-mouseout" class="cls expand">mouseout</a>(
+<span class="pre">Ext.EventObject e, HtmlElement t, Object o</span>)
+</div><div class="description"><div class="short"><p>Fires when a mouseout is detected with the element.</p>
+</div><div class="long"><p>Fires when a mouseout is detected with the element.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">e</span> : Ext.EventObject<div class="sub-desc"><p>The <a href="Ext.EventObject.html" rel="Ext.EventObject" class="docClass">Ext.EventObject</a> encapsulating the DOM event.</p>
+</div></li><li><span class="pre">t</span> : HtmlElement<div class="sub-desc"><p>The target of the event.</p>
+</div></li><li><span class="pre">o</span> : Object<div class="sub-desc"><p>The options configuration passed to the <a href="Ext.Layer.html#addListener" rel="Ext.Layer#addListener" class="docClass">addListener</a> call.</p>
+</div></li></ul></div></div></div><div id="event-mouseover" class="member inherited"><a href="Ext.Layer.html#event-mouseover" rel="event-mouseover" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element2.html#Ext-core.Element-event-mouseover" class="viewSource">view source</a></div><a name="mouseover"></a><a name="event-mouseover"></a><a href="Ext.Layer.html#" rel="event-mouseover" class="cls expand">mouseover</a>(
+<span class="pre">Ext.EventObject e, HtmlElement t, Object o</span>)
+</div><div class="description"><div class="short"><p>Fires when a mouseover is detected within the element.</p>
+</div><div class="long"><p>Fires when a mouseover is detected within the element.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">e</span> : Ext.EventObject<div class="sub-desc"><p>The <a href="Ext.EventObject.html" rel="Ext.EventObject" class="docClass">Ext.EventObject</a> encapsulating the DOM event.</p>
+</div></li><li><span class="pre">t</span> : HtmlElement<div class="sub-desc"><p>The target of the event.</p>
+</div></li><li><span class="pre">o</span> : Object<div class="sub-desc"><p>The options configuration passed to the <a href="Ext.Layer.html#addListener" rel="Ext.Layer#addListener" class="docClass">addListener</a> call.</p>
+</div></li></ul></div></div></div><div id="event-mouseup" class="member inherited"><a href="Ext.Layer.html#event-mouseup" rel="event-mouseup" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element2.html#Ext-core.Element-event-mouseup" class="viewSource">view source</a></div><a name="mouseup"></a><a name="event-mouseup"></a><a href="Ext.Layer.html#" rel="event-mouseup" class="cls expand">mouseup</a>(
+<span class="pre">Ext.EventObject e, HtmlElement t, Object o</span>)
+</div><div class="description"><div class="short"><p>Fires when a mouseup is detected within the element.</p>
+</div><div class="long"><p>Fires when a mouseup is detected within the element.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">e</span> : Ext.EventObject<div class="sub-desc"><p>The <a href="Ext.EventObject.html" rel="Ext.EventObject" class="docClass">Ext.EventObject</a> encapsulating the DOM event.</p>
+</div></li><li><span class="pre">t</span> : HtmlElement<div class="sub-desc"><p>The target of the event.</p>
+</div></li><li><span class="pre">o</span> : Object<div class="sub-desc"><p>The options configuration passed to the <a href="Ext.Layer.html#addListener" rel="Ext.Layer#addListener" class="docClass">addListener</a> call.</p>
+</div></li></ul></div></div></div><div id="event-reset" class="member inherited"><a href="Ext.Layer.html#event-reset" rel="event-reset" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element2.html#Ext-core.Element-event-reset" class="viewSource">view source</a></div><a name="reset"></a><a name="event-reset"></a><a href="Ext.Layer.html#" rel="event-reset" class="cls expand">reset</a>(
+<span class="pre">Ext.EventObject e, HtmlElement t, Object o</span>)
+</div><div class="description"><div class="short"><p>Fires when a form is reset.</p>
+</div><div class="long"><p>Fires when a form is reset.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">e</span> : Ext.EventObject<div class="sub-desc"><p>The <a href="Ext.EventObject.html" rel="Ext.EventObject" class="docClass">Ext.EventObject</a> encapsulating the DOM event.</p>
+</div></li><li><span class="pre">t</span> : HtmlElement<div class="sub-desc"><p>The target of the event.</p>
+</div></li><li><span class="pre">o</span> : Object<div class="sub-desc"><p>The options configuration passed to the <a href="Ext.Layer.html#addListener" rel="Ext.Layer#addListener" class="docClass">addListener</a> call.</p>
+</div></li></ul></div></div></div><div id="event-resize" class="member inherited"><a href="Ext.Layer.html#event-resize" rel="event-resize" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element2.html#Ext-core.Element-event-resize" class="viewSource">view source</a></div><a name="resize"></a><a name="event-resize"></a><a href="Ext.Layer.html#" rel="event-resize" class="cls expand">resize</a>(
+<span class="pre">Ext.EventObject e, HtmlElement t, Object o</span>)
+</div><div class="description"><div class="short"><p>Fires when a document view is resized.</p>
+</div><div class="long"><p>Fires when a document view is resized.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">e</span> : Ext.EventObject<div class="sub-desc"><p>The <a href="Ext.EventObject.html" rel="Ext.EventObject" class="docClass">Ext.EventObject</a> encapsulating the DOM event.</p>
+</div></li><li><span class="pre">t</span> : HtmlElement<div class="sub-desc"><p>The target of the event.</p>
+</div></li><li><span class="pre">o</span> : Object<div class="sub-desc"><p>The options configuration passed to the <a href="Ext.Layer.html#addListener" rel="Ext.Layer#addListener" class="docClass">addListener</a> call.</p>
+</div></li></ul></div></div></div><div id="event-scroll" class="member inherited"><a href="Ext.Layer.html#event-scroll" rel="event-scroll" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element2.html#Ext-core.Element-event-scroll" class="viewSource">view source</a></div><a name="scroll"></a><a name="event-scroll"></a><a href="Ext.Layer.html#" rel="event-scroll" class="cls expand">scroll</a>(
+<span class="pre">Ext.EventObject e, HtmlElement t, Object o</span>)
+</div><div class="description"><div class="short"><p>Fires when a document view is scrolled.</p>
+</div><div class="long"><p>Fires when a document view is scrolled.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">e</span> : Ext.EventObject<div class="sub-desc"><p>The <a href="Ext.EventObject.html" rel="Ext.EventObject" class="docClass">Ext.EventObject</a> encapsulating the DOM event.</p>
+</div></li><li><span class="pre">t</span> : HtmlElement<div class="sub-desc"><p>The target of the event.</p>
+</div></li><li><span class="pre">o</span> : Object<div class="sub-desc"><p>The options configuration passed to the <a href="Ext.Layer.html#addListener" rel="Ext.Layer#addListener" class="docClass">addListener</a> call.</p>
+</div></li></ul></div></div></div><div id="event-select" class="member inherited"><a href="Ext.Layer.html#event-select" rel="event-select" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element2.html#Ext-core.Element-event-select" class="viewSource">view source</a></div><a name="select"></a><a name="event-select"></a><a href="Ext.Layer.html#" rel="event-select" class="cls expand">select</a>(
+<span class="pre">Ext.EventObject e, HtmlElement t, Object o</span>)
+</div><div class="description"><div class="short"><p>Fires when a user selects some text in a text field, including input and textarea.</p>
+</div><div class="long"><p>Fires when a user selects some text in a text field, including input and textarea.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">e</span> : Ext.EventObject<div class="sub-desc"><p>The <a href="Ext.EventObject.html" rel="Ext.EventObject" class="docClass">Ext.EventObject</a> encapsulating the DOM event.</p>
+</div></li><li><span class="pre">t</span> : HtmlElement<div class="sub-desc"><p>The target of the event.</p>
+</div></li><li><span class="pre">o</span> : Object<div class="sub-desc"><p>The options configuration passed to the <a href="Ext.Layer.html#addListener" rel="Ext.Layer#addListener" class="docClass">addListener</a> call.</p>
+</div></li></ul></div></div></div><div id="event-submit" class="member inherited"><a href="Ext.Layer.html#event-submit" rel="event-submit" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element2.html#Ext-core.Element-event-submit" class="viewSource">view source</a></div><a name="submit"></a><a name="event-submit"></a><a href="Ext.Layer.html#" rel="event-submit" class="cls expand">submit</a>(
+<span class="pre">Ext.EventObject e, HtmlElement t, Object o</span>)
+</div><div class="description"><div class="short"><p>Fires when a form is submitted.</p>
+</div><div class="long"><p>Fires when a form is submitted.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">e</span> : Ext.EventObject<div class="sub-desc"><p>The <a href="Ext.EventObject.html" rel="Ext.EventObject" class="docClass">Ext.EventObject</a> encapsulating the DOM event.</p>
+</div></li><li><span class="pre">t</span> : HtmlElement<div class="sub-desc"><p>The target of the event.</p>
+</div></li><li><span class="pre">o</span> : Object<div class="sub-desc"><p>The options configuration passed to the <a href="Ext.Layer.html#addListener" rel="Ext.Layer#addListener" class="docClass">addListener</a> call.</p>
+</div></li></ul></div></div></div><div id="event-unload" class="member inherited"><a href="Ext.Layer.html#event-unload" rel="event-unload" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.core.Element.html" class="definedIn docClass">Ext.core.Element</a><br/><a href="../source/Element2.html#Ext-core.Element-event-unload" class="viewSource">view source</a></div><a name="unload"></a><a name="event-unload"></a><a href="Ext.Layer.html#" rel="event-unload" class="cls expand">unload</a>(
+<span class="pre">Ext.EventObject e, HtmlElement t, Object o</span>)
+</div><div class="description"><div class="short">Fires when the user agent removes all content from a window or frame. For elements, it fires when the target element ...</div><div class="long"><p>Fires when the user agent removes all content from a window or frame. For elements, it fires when the target element or any of its content has been removed.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">e</span> : Ext.EventObject<div class="sub-desc"><p>The <a href="Ext.EventObject.html" rel="Ext.EventObject" class="docClass">Ext.EventObject</a> encapsulating the DOM event.</p>
+</div></li><li><span class="pre">t</span> : HtmlElement<div class="sub-desc"><p>The target of the event.</p>
+</div></li><li><span class="pre">o</span> : Object<div class="sub-desc"><p>The options configuration passed to the <a href="Ext.Layer.html#addListener" rel="Ext.Layer#addListener" class="docClass">addListener</a> call.</p>
+</div></li></ul></div></div></div></div></div></div></div><div id="pageContent"></div></div></div></div></body></html>
\ No newline at end of file
git.ithinksw.org / extjs.git / blobdiff