1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
4 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
7 <meta http-equiv="content-type" content="text/html; charset=undefined" />
8 <meta name="generator" content="JsDoc Toolkit" />
11 <title>JsDoc Reference - Roo.Shadow</title>
14 <link rel="stylesheet" type="text/css" href="../../css/roojs.css" />
15 <link rel="stylesheet" type="text/css" href="../default.css" />
18 <script type="text/javascript" src="../page.js">
25 <body onload="RooDocsPage.onload();">
28 <div class="body-wrap">
30 <!-- ============================== links to methods. ================================= -->
32 <div class="top-tools">
34 <a class="inner-link" href="#Roo.Shadow-props"><img src="resources/s.gif" class="item-icon icon-prop">Properties</a>
35 <a class="inner-link" href="#Roo.Shadow-methods"><img src="resources/s.gif" class="item-icon icon-method">Methods</a>
36 <a class="inner-link" href="#Roo.Shadow-events"><img src="resources/s.gif" class="item-icon icon-event">Events</a>
37 <a class="inner-link" href="#Roo.Shadow-configs"><img src="resources/s.gif" class="item-icon icon-config">Config Options</a>
38 <a class="bookmark" href="NEED_TO_CREATE_DIRECT_LINK_HREF"><img src="resources/s.gif" class="item-icon icon-fav">Direct Link</a>
43 <!-- ============================== inheritance Block. ================================= -->
45 <!-- ============================== class title / details ============================ -->
48 <h1 class="classTitle">
53 <table cellspacing="0" class="class-summary-table">
55 <tr><td class="label">Package:</td><td class="hd-info">Roo</td></tr>
57 <tr><td class="label">Defined In:</td><td class="hd-info">
59 <a href="./src/Roo_Shadow.js.html">Roo/Shadow.js</a>.
62 <tr><td class="label">Class:</td><td class="hd-info">Shadow</td></tr>
70 <!-- ============================== class summary ========================== -->
71 <div class="description">
72 Simple class that can provide a shadow effect for any element. Note that the element MUST be absolutely positioned,<br/>and the shadow does not provide any shimming. This should be used only in simple cases -- for more advanced<br/>functionality that can also provide the same shadow effect, see the {<b>link</b> Roo.Layer} class.
76 <!-- ============================== Class comment block... ========================== -->
78 <div class="comments">
79 <b>Class Comments / Notes</B> =>
80 <u onclick="parent.CommentDialog.showCommentId = 'Roo.Shadow';">[Add Your comment/notes about this class]</u>
82 <iframe frameborder="0" id="comments-Roo" style="border: none;width:100%;"
83 src="/blog.php/GtkDjsComments/Roo.Shadow.html"></iframe>
88 <!-- ============================== config options ========================== -->
93 <div class="hr"></div>
94 <a id="Roo.Shadow-configs"></a>
100 <table cellspacing="0" class="member-table">
101 <caption>Config Options (Usually are also Properties)</caption>
105 <th class="sig-header" colspan="2">Options</th>
107 <th class="msource-header">Defined By</th>
114 <tr class="config-row expandable config-row-alt0">
115 <td class="micon"><a class="exi" href="#expand"> </a></td>
118 <a id="Roo-cfg-mode" name=".mode"></a>
119 <div class="fixedFont">
120 <b class="itemname">mode</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
126 <div class="short">The shadow display mode.</div>
131 The shadow display mode. Supports the following options:<br /><br/>sides: Shadow displays on both sides and bottom only<br /><br/>frame: Shadow displays equally on all four sides<br /><br/>drop: Traditional bottom-right drop shadow (default)
141 <a href="./Roo.html#constructor" roo:cls="Roo.html#constructor">Roo</a>
147 <tr class="config-row expandable config-row-alt1 notInherited">
148 <td class="micon"><a class="exi" href="#expand"> </a></td>
151 <a id="Roo.Shadow-cfg-offset" name=".offset"></a>
152 <div class="fixedFont">
153 <b class="itemname">offset</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
159 <div class="short">The number of pixels to offset the shadow from the element (defaults to 4)</div>
164 The number of pixels to offset the shadow from the element (defaults to 4)
190 <!-- ============================== public properties ==================== -->
194 <a id="Roo.Shadow-props"></a>
200 <table cellspacing="0" class="member-table">
201 <caption class="Empty">Public Properties - Has None</caption>
207 <!-- ============================== methods summary / details ======================== -->
210 <a id="Roo.Shadow-methods"></a>
211 <!-- constructor?? -->
218 <!-- then dynamics first -->
225 <table cellspacing="0" class="member-table">
226 <caption>Public Methods</caption>
228 <th class="sig-header" colspan="2">Method</th>
229 <th class="msource-header">Defined By</th>
239 <tr class="method-row config-row-alt0 expandable notInherited">
240 <td class="micon"><a class="exi" href="#expand"> </a></td>
244 <a id="Roo-method-Shadow" name=".Shadow"></a>
245 <div class="fixedFont">
246 <span class="attributes">new <B>Roo.</B></span><b class="itemname">Shadow</b>
248 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>config</i></B>)
256 <div class="short">Create a new Roo.Shadow</div>
263 Create a new Roo.Shadow
266 <dl class="detailList">
267 <dt class="heading">Parameters:</dt>
270 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>config</b>
273 <dd>The config object</dd>
297 <tr class="method-row config-row-alt1 expandable notInherited">
298 <td class="micon"><a class="exi" href="#expand"> </a></td>
302 <a id="Roo.Shadow-method-hide" name=".hide"></a>
303 <div class="fixedFont">
304 <span class="attributes"></span><b class="itemname">hide</b>
313 <div class="short">Hides this shadow</div>
348 <tr class="method-row config-row-alt0 expandable notInherited">
349 <td class="micon"><a class="exi" href="#expand"> </a></td>
353 <a id="Roo.Shadow-method-isVisible" name=".isVisible"></a>
354 <div class="fixedFont">
355 <span class="attributes"></span><b class="itemname">isVisible</b>
364 <div class="short">Returns true if the shadow is visible, else false</div>
370 Returns true if the shadow is visible, else false
399 <tr class="method-row config-row-alt1 expandable notInherited">
400 <td class="micon"><a class="exi" href="#expand"> </a></td>
404 <a id="Roo.Shadow-method-realign" name=".realign"></a>
405 <div class="fixedFont">
406 <span class="attributes"></span><b class="itemname">realign</b>
408 (<a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>left</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>top</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>width</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>height</i></B>)
415 <div class="short">Direct alignment when values are already available.</div>
421 Direct alignment when values are already available. Show must be called at least once before<br/>calling this method to ensure it is initialized.
428 <dl class="detailList">
429 <dt class="heading">Parameters:</dt>
432 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>left</b>
435 <dd>The target element left position</dd>
438 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>top</b>
441 <dd>The target element top position</dd>
444 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>width</b>
447 <dd>The target element width</dd>
450 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>height</b>
453 <dd>The target element height</dd>
479 <tr class="method-row config-row-alt0 expandable notInherited">
480 <td class="micon"><a class="exi" href="#expand"> </a></td>
484 <a id="Roo.Shadow-method-setZIndex" name=".setZIndex"></a>
485 <div class="fixedFont">
486 <span class="attributes"></span><b class="itemname">setZIndex</b>
488 (<a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>zindex</i></B>)
495 <div class="short">Adjust the z-index of this shadow</div>
501 Adjust the z-index of this shadow
508 <dl class="detailList">
509 <dt class="heading">Parameters:</dt>
512 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>zindex</b>
515 <dd>The new z-index</dd>
541 <tr class="method-row config-row-alt1 expandable notInherited">
542 <td class="micon"><a class="exi" href="#expand"> </a></td>
546 <a id="Roo.Shadow-method-show" name=".show"></a>
547 <div class="fixedFont">
548 <span class="attributes"></span><b class="itemname">show</b>
550 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element <B><i>targetEl</i></B>)
557 <div class="short">Displays the shadow under the target element</div>
563 Displays the shadow under the target element
570 <dl class="detailList">
571 <dt class="heading">Parameters:</dt>
574 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element</span> <b>targetEl</b>
577 <dd>The id or element under which the shadow should display</dd>
606 <!-- ============================== events summary / details ======================== -->
609 <a id="Roo.Shadow-events"></a>
615 <table cellspacing="0" class="member-table">
616 <caption class="Empty">Events - Has None</caption>
627 <!-- ============================== footer ================================= -->
628 <div class="fineprint" style="clear:both">
630 Documentation generated by <a href="http://www.akbkhome.com" target="_blankt">Introspection Doc Generator</a> on Wed Apr 06 2016 14:39:00 GMT+0800 (HKT)
632 <a href="http://www.jsdoctoolkit.org/" target="_blank">JsDoc Toolkit</a>