sync
[roojs1] / docs / symbols / Roo.bootstrap.LayoutMasonry.html
index 67ee0ff..8315196 100644 (file)
                </tr>
         
        
-               <tr class="config-row expandable config-row-alt0">
+               <tr class="config-row expandable config-row-alt0 notInherited">
                   <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
                    <td class="sig">
 
-                       <a id="Roo.bootstrap.Component-cfg-can_build_overlaid" name=".can_build_overlaid"></a>
+                       <a id="Roo.bootstrap.LayoutMasonry-cfg-alternativePadWidth" name=".alternativePadWidth"></a>
                        <div class="fixedFont">
-                               <b  class="itemname">can_build_overlaid</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
+                               <b  class="itemname">alternativePadWidth</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
                                
                                
                        </div>
                  
                        <div class="mdesc">
-                           <div class="short">True if element can be rebuild from a HTML page</div> 
+                           <div class="short">padding below box.</div> 
                        </div>
                        
                        <div class="mdesc">
                            <div class="long">
-                    True if element can be rebuild from a HTML page
+                    padding below box..
                     
                 </div> 
                        </div>
                    </td>
                    <td class="msource">
                        
-                       <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
+                       Roo.bootstrap.LayoutMasonry
                                
                    </td>
                </tr>
         
        
-               <tr class="config-row expandable config-row-alt1">
+               <tr class="config-row expandable config-row-alt1 notInherited">
                   <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
                    <td class="sig">
 
-                       <a id="Roo.bootstrap.Component-cfg-cls" name=".cls"></a>
+                       <a id="Roo.bootstrap.LayoutMasonry-cfg-boxHeight" name=".boxHeight"></a>
                        <div class="fixedFont">
-                               <b  class="itemname">cls</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
+                               <b  class="itemname">boxHeight</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
                                
                                
                        </div>
                  
                        <div class="mdesc">
-                           <div class="short">css class</div> 
+                           <div class="short">- 0 for square, or fix it at a certian height</div> 
                        </div>
                        
                        <div class="mdesc">
                            <div class="long">
-                    css class
+                    - 0 for square, or fix it at a certian height
                     
                 </div> 
                        </div>
                    </td>
                    <td class="msource">
                        
-                       <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
+                       Roo.bootstrap.LayoutMasonry
                                
                    </td>
                </tr>
                   <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
                    <td class="sig">
 
-                       <a id="Roo.bootstrap.LayoutMasonry-cfg-columnWidth" name=".columnWidth"></a>
+                       <a id="Roo.bootstrap.LayoutMasonry-cfg-boxWidth" name=".boxWidth"></a>
                        <div class="fixedFont">
-                               <b  class="itemname">columnWidth</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
+                               <b  class="itemname">boxWidth</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
                                
                                
                        </div>
                   <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
                    <td class="sig">
 
-                       <a id="Roo.bootstrap.Component-cfg-container_method" name=".container_method"></a>
+                       <a id="Roo.bootstrap.Component-cfg-can_build_overlaid" name=".can_build_overlaid"></a>
                        <div class="fixedFont">
-                               <b  class="itemname">container_method</b> : string
+                               <b  class="itemname">can_build_overlaid</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
                                
                                
                        </div>
                  
                        <div class="mdesc">
-                           <div class="short">method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)</div> 
+                           <div class="short">True if element can be rebuild from a HTML page</div> 
                        </div>
                        
                        <div class="mdesc">
                            <div class="long">
-                    method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)
+                    True if element can be rebuild from a HTML page
                     
                 </div> 
                        </div>
                   <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
                    <td class="sig">
 
-                       <a id="Roo.bootstrap.Component-cfg-dataId" name=".dataId"></a>
+                       <a id="Roo.bootstrap.Component-cfg-cls" name=".cls"></a>
                        <div class="fixedFont">
-                               <b  class="itemname">dataId</b> : string
+                               <b  class="itemname">cls</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
                                
                                
                        </div>
                  
                        <div class="mdesc">
-                           <div class="short">cutomer id</div> 
+                           <div class="short">css class</div> 
                        </div>
                        
                        <div class="mdesc">
                            <div class="long">
-                    cutomer id
+                    css class
                     
                 </div> 
                        </div>
                   <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
                    <td class="sig">
 
-                       <a id="Roo.Component-cfg-disableClass" name=".disableClass"></a>
+                       <a id="Roo.bootstrap.Component-cfg-container_method" name=".container_method"></a>
                        <div class="fixedFont">
-                               <b  class="itemname">disableClass</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
+                               <b  class="itemname">container_method</b> : string
                                
                                
                        </div>
                  
                        <div class="mdesc">
-                           <div class="short">CSS class added to the component when it is disabled (defaults to "x-item-disabled").</div> 
+                           <div class="short">method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)</div> 
                        </div>
                        
                        <div class="mdesc">
                            <div class="long">
-                    CSS class added to the component when it is disabled (defaults to "x-item-disabled").
+                    method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)
                     
                 </div> 
                        </div>
                    </td>
                    <td class="msource">
                        
-                       <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
+                       <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
                                
                    </td>
                </tr>
                   <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
                    <td class="sig">
 
-                       <a id="Roo.Component-cfg-hideMode" name=".hideMode"></a>
+                       <a id="Roo.bootstrap.Component-cfg-dataId" name=".dataId"></a>
                        <div class="fixedFont">
-                               <b  class="itemname">hideMode</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
+                               <b  class="itemname">dataId</b> : string
                                
                                
                        </div>
                  
                        <div class="mdesc">
-                           <div class="short">How this component should hidden.</div> 
+                           <div class="short">cutomer id</div> 
                        </div>
                        
                        <div class="mdesc">
                            <div class="long">
-                    How this component should hidden. Supported values are<br/>"visibility" (css visibility), "offsets" (negative offset position) and<br/>"display" (css display) - defaults to "display".
-                    <BR/>Possible Values: display, visibility
+                    cutomer id
+                    
                 </div> 
                        </div>
                        
                    </td>
                    <td class="msource">
                        
-                       <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
+                       <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
                                
                    </td>
                </tr>
         
        
-               <tr class="config-row expandable config-row-alt1 notInherited">
+               <tr class="config-row expandable config-row-alt1">
                   <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
                    <td class="sig">
 
-                       <a id="Roo.bootstrap.LayoutMasonry-cfg-isAutoInitial" name=".isAutoInitial"></a>
+                       <a id="Roo.Component-cfg-disableClass" name=".disableClass"></a>
                        <div class="fixedFont">
-                               <b  class="itemname">isAutoInitial</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
+                               <b  class="itemname">disableClass</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
                                
                                
                        </div>
                  
                        <div class="mdesc">
-                           <div class="short">defalut true</div> 
+                           <div class="short">CSS class added to the component when it is disabled (defaults to "x-item-disabled").</div> 
                        </div>
                        
                        <div class="mdesc">
                            <div class="long">
-                    defalut true
+                    CSS class added to the component when it is disabled (defaults to "x-item-disabled").
                     
                 </div> 
                        </div>
                    </td>
                    <td class="msource">
                        
-                       Roo.bootstrap.LayoutMasonry
+                       <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
                                
                    </td>
                </tr>
                   <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
                    <td class="sig">
 
-                       <a id="Roo.bootstrap.LayoutMasonry-cfg-isFitWidth" name=".isFitWidth"></a>
+                       <a id="Roo.bootstrap.LayoutMasonry-cfg-gutter" name=".gutter"></a>
                        <div class="fixedFont">
-                               <b  class="itemname">isFitWidth</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
+                               <b  class="itemname">gutter</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
                                
                                
                        </div>
                  
                        <div class="mdesc">
-                           <div class="short">- resize the width.</div> 
+                           <div class="short">gutter width.</div> 
                        </div>
                        
                        <div class="mdesc">
                            <div class="long">
-                    - resize the width..
+                    gutter width..
                     
                 </div> 
                        </div>
                </tr>
         
        
-               <tr class="config-row expandable config-row-alt1 notInherited">
+               <tr class="config-row expandable config-row-alt1">
                   <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
                    <td class="sig">
 
-                       <a id="Roo.bootstrap.LayoutMasonry-cfg-isLayoutInstant" name=".isLayoutInstant"></a>
+                       <a id="Roo.Component-cfg-hideMode" name=".hideMode"></a>
                        <div class="fixedFont">
-                               <b  class="itemname">isLayoutInstant</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
+                               <b  class="itemname">hideMode</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
                                
                                
                        </div>
                  
                        <div class="mdesc">
-                           <div class="short">= no animation?</div> 
+                           <div class="short">How this component should hidden.</div> 
                        </div>
                        
                        <div class="mdesc">
                            <div class="long">
-                    = no animation?
-                    
+                    How this component should hidden. Supported values are<br/>"visibility" (css visibility), "offsets" (negative offset position) and<br/>"display" (css display) - defaults to "display".
+                    <BR/>Possible Values: display, visibility
                 </div> 
                        </div>
                        
                    </td>
                    <td class="msource">
                        
-                       Roo.bootstrap.LayoutMasonry
+                       <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
                                
                    </td>
                </tr>
                   <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
                    <td class="sig">
 
-                       <a id="Roo.bootstrap.LayoutMasonry-cfg-isOriginLeft" name=".isOriginLeft"></a>
+                       <a id="Roo.bootstrap.LayoutMasonry-cfg-isAutoInitial" name=".isAutoInitial"></a>
                        <div class="fixedFont">
-                               <b  class="itemname">isOriginLeft</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
+                               <b  class="itemname">isAutoInitial</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
                                
                                
                        </div>
                  
                        <div class="mdesc">
-                           <div class="short">= left align?</div> 
+                           <div class="short">defalut true</div> 
                        </div>
                        
                        <div class="mdesc">
                            <div class="long">
-                    = left align?
+                    defalut true
                     
                 </div> 
                        </div>
                   <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
                    <td class="sig">
 
-                       <a id="Roo.bootstrap.LayoutMasonry-cfg-isOriginTop" name=".isOriginTop"></a>
+                       <a id="Roo.bootstrap.LayoutMasonry-cfg-isHorizontal" name=".isHorizontal"></a>
                        <div class="fixedFont">
-                               <b  class="itemname">isOriginTop</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
+                               <b  class="itemname">isHorizontal</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
                                
                                
                        </div>
                  
                        <div class="mdesc">
-                           <div class="short">= top align?</div> 
+                           <div class="short">defalut false</div> 
                        </div>
                        
                        <div class="mdesc">
                            <div class="long">
-                    = top align?
+                    defalut false
                     
                 </div> 
                        </div>
                   <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
                    <td class="sig">
 
-                       <a id="Roo.bootstrap.LayoutMasonry-cfg-isResizingContainer" name=".isResizingContainer"></a>
+                       <a id="Roo.bootstrap.LayoutMasonry-cfg-isLayoutInstant" name=".isLayoutInstant"></a>
                        <div class="fixedFont">
-                               <b  class="itemname">isResizingContainer</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
+                               <b  class="itemname">isLayoutInstant</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
                                
                                
                        </div>
                  
                        <div class="mdesc">
-                           <div class="short">= not sure if this is used.</div> 
+                           <div class="short">= no animation?</div> 
                        </div>
                        
                        <div class="mdesc">
                            <div class="long">
-                    = not sure if this is used..
+                    = no animation?
                     
                 </div> 
                        </div>
                </tr>
         
        
-               <tr class="config-row expandable config-row-alt0">
+               <tr class="config-row expandable config-row-alt0 notInherited">
+                  <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
+                   <td class="sig">
+
+                       <a id="Roo.bootstrap.LayoutMasonry-cfg-maxCols" name=".maxCols"></a>
+                       <div class="fixedFont">
+                               <b  class="itemname">maxCols</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
+                               
+                               
+                       </div>
+                 
+                       <div class="mdesc">
+                           <div class="short">maximum number of columns</div> 
+                       </div>
+                       
+                       <div class="mdesc">
+                           <div class="long">
+                    maximum number of columns
+                    
+                </div> 
+                       </div>
+                       
+                       
+
+                   </td>
+                   <td class="msource">
+                       
+                       Roo.bootstrap.LayoutMasonry
+                               
+                   </td>
+               </tr>
+        
+       
+               <tr class="config-row expandable config-row-alt1">
                   <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
                    <td class="sig">
 
                </tr>
         
        
-               <tr class="config-row expandable config-row-alt1 notInherited">
+               <tr class="config-row expandable config-row-alt0 notInherited">
                   <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
                    <td class="sig">
 
-                       <a id="Roo.bootstrap.LayoutMasonry-cfg-padHeight" name=".padHeight"></a>
+                       <a id="Roo.bootstrap.LayoutMasonry-cfg-padWidth" name=".padWidth"></a>
                        <div class="fixedFont">
-                               <b  class="itemname">padHeight</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
+                               <b  class="itemname">padWidth</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
                                
                                
                        </div>
                </tr>
         
        
-               <tr class="config-row expandable config-row-alt0">
+               <tr class="config-row expandable config-row-alt1">
                   <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
                    <td class="sig">
 
                </tr>
         
        
-               <tr class="config-row expandable config-row-alt1">
+               <tr class="config-row expandable config-row-alt0">
                   <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
                    <td class="sig">
 
                </tr>
         
        
+               <tr class="config-row expandable config-row-alt1">
+                  <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
+                   <td class="sig">
+
+                       <a id="Roo.bootstrap.Component-cfg-visibilityEl" name=".visibilityEl"></a>
+                       <div class="fixedFont">
+                               <b  class="itemname">visibilityEl</b> : string|object
+                               
+                               
+                       </div>
+                 
+                       <div class="mdesc">
+                           <div class="short">What element to use for visibility (<b>see</b> getVisibilityEl())</div> 
+                       </div>
+                       
+                       <div class="mdesc">
+                           <div class="long">
+                    What element to use for visibility (<b>see</b> getVisibilityEl())
+                    <BR/>Possible Values: el, parent
+                </div> 
+                       </div>
+                       
+                       
+
+                   </td>
+                   <td class="msource">
+                       
+                       <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
+                               
+                   </td>
+               </tr>
+        
+       
                <tr class="config-row expandable config-row-alt0">
                   <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
                    <td class="sig">
         </tr>
        
          
-          <tr class="method-row config-row-alt1 expandable">
+          <tr class="method-row config-row-alt1 expandable notInherited">
+            <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
+          
+          
+            <td class="sig">
+                <a id="Roo.bootstrap.LayoutMasonry-method-get"   name=".get"></a>
+               <div class="fixedFont">
+                       <span class="attributes">Roo.bootstrap.LayoutMasonry.</span><b class="itemname">get</b>
+                               
+                                (string <B><i>the</i></B>) 
+                       
+                               
+                       
+               </div>
+                <div class="mdesc">
+               
+                   <div class="short">fetch a  Masonry Layout based on the masonry layout ID</div> 
+                
+                
+                
+                    <div class="long">
+                       
+                               fetch a  Masonry Layout based on the masonry layout ID
+                   
+                               
+                       
+                       
+                       
+                       
+                               <dl class="detailList">
+                               <dt class="heading">Parameters:</dt>
+                               
+                                       <dt>
+                                               <span class="fixedFont">string</span>  <b>the</b>
+                                               
+                                       </dt>
+                                       <dd>masonry layout to add</dd>
+                               
+                               </dl>
+                       
+                       
+                       
+                       
+                       
+                       
+                       
+
+                   
+                   
+                    
+                    </div>                    
+                </div>
+
+            </td>
+            <td class="msource">
+               
+                       Roo.bootstrap.LayoutMasonry
+               &nbsp;
+            </td>
+        </tr>
+       
+         
+          <tr class="method-row config-row-alt0 expandable notInherited">
+            <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
+          
+          
+            <td class="sig">
+                <a id="Roo.bootstrap.LayoutMasonry-method-register"   name=".register"></a>
+               <div class="fixedFont">
+                       <span class="attributes">Roo.bootstrap.LayoutMasonry.</span><b class="itemname">register</b>
+                               
+                                (<a href="./Roo.bootstrap.LayoutMasonry.html#constructor" roo:cls="Roo.bootstrap.LayoutMasonry.html#constructor">Roo.bootstrap.LayoutMasonry</a> <B><i>the</i></B>) 
+                       
+                               
+                       
+               </div>
+                <div class="mdesc">
+               
+                   <div class="short">register a Masonry Layout</div> 
+                
+                
+                
+                    <div class="long">
+                       
+                               register a Masonry Layout
+                   
+                               
+                       
+                       
+                       
+                       
+                               <dl class="detailList">
+                               <dt class="heading">Parameters:</dt>
+                               
+                                       <dt>
+                                               <span class="fixedFont"><a href="./Roo.bootstrap.LayoutMasonry.html#constructor" roo:cls="Roo.bootstrap.LayoutMasonry.html#constructor">Roo.bootstrap.LayoutMasonry</a></span>  <b>the</b>
+                                               
+                                       </dt>
+                                       <dd>masonry layout to add</dd>
+                               
+                               </dl>
+                       
+                       
+                       
+                       
+                       
+                       
+                       
+
+                   
+                   
+                    
+                    </div>                    
+                </div>
+
+            </td>
+            <td class="msource">
+               
+                       Roo.bootstrap.LayoutMasonry
+               &nbsp;
+            </td>
+        </tr>
+       
+         
+          <tr class="method-row config-row-alt1 expandable notInherited">
+            <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
+          
+          
+            <td class="sig">
+                <a id="Roo.bootstrap.LayoutMasonry-method-addBrick"   name=".addBrick"></a>
+               <div class="fixedFont">
+                       <span class="attributes"></span><b class="itemname">addBrick</b>
+                               
+                                (<a href="./Roo.bootstrap.MasonryBrick.html#constructor" roo:cls="Roo.bootstrap.MasonryBrick.html#constructor">Roo.bootstrap.MasonryBrick</a> <B><i>the</i></B>) 
+                       
+                               
+                       
+               </div>
+                <div class="mdesc">
+               
+                   <div class="short">adds a Masonry Brick</div> 
+                
+                
+                
+                    <div class="long">
+                       
+                               adds a Masonry Brick
+                   
+                               
+                       
+                       
+                       
+                       
+                               <dl class="detailList">
+                               <dt class="heading">Parameters:</dt>
+                               
+                                       <dt>
+                                               <span class="fixedFont"><a href="./Roo.bootstrap.MasonryBrick.html#constructor" roo:cls="Roo.bootstrap.MasonryBrick.html#constructor">Roo.bootstrap.MasonryBrick</a></span>  <b>the</b>
+                                               
+                                       </dt>
+                                       <dd>masonry brick to add</dd>
+                               
+                               </dl>
+                       
+                       
+                       
+                       
+                       
+                       
+                       
+
+                   
+                   
+                    
+                    </div>                    
+                </div>
+
+            </td>
+            <td class="msource">
+               
+                       Roo.bootstrap.LayoutMasonry
+               &nbsp;
+            </td>
+        </tr>
+       
+         
+          <tr class="method-row config-row-alt0 expandable">
             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
           
           
         </tr>
        
          
-          <tr class="method-row config-row-alt0 expandable">
+          <tr class="method-row config-row-alt1 expandable">
             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
           
           
                                        </dt>
                                        <dd>(optional) An object containing handler configuration<br/>properties. This may contain any of the following properties:<ul><br/><li>scope {Object} The scope in which to execute the handler function. The handler function's "this" context.</li><br/><li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li><br/><li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li><br/><li>buffer {Number} Causes the handler to be scheduled to run in an {<b>link</b> Roo.util.DelayedTask} delayed<br/>by the specified number of milliseconds. If the event fires again within that time, the original<br/>handler is <em>not</em> invoked, but the new handler is scheduled in its place.</li><br/></ul><br><br/><p><br/><b>Combining Options</b><br><br/>Using the options argument, it is possible to combine different types of listeners:<br><br/><br><br/>A normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)<br/>             <pre><code><br/>                el.on('click', this.onClick, this, {<br/>                       single: true,<br/>              delay: 100,<br/>                forumId: 4<br/>         });<br/>                </code></pre><br/><p><br/><b>Attaching multiple handlers in 1 call</b><br><br/>The method also allows for a single argument to be passed which is a config object containing properties<br/>which specify multiple handlers.<br/><pre><code><br/>               el.on({<br/>                    'click': {<br/>                 fn: this.onClick,<br/>                  scope: this,<br/>                       delay: 100<br/>                 }, <br/>                'mouseover': {<br/>                     fn: this.onMouseOver,<br/>                      scope: this<br/>                },<br/>                 'mouseout': {<br/>                      fn: this.onMouseOut,<br/>                       scope: this<br/>                }<br/>          });<br/>                </code></pre><br/><p><br/>Or a shorthand syntax which passes the same scope object to all handlers:<br/>        <pre><code><br/>                el.on({<br/>                    'click': this.onClick,<br/>             'mouseover': this.onMouseOver,<br/>             'mouseout': this.onMouseOut,<br/>               scope: this<br/>                });<br/>                </code></pre></dd>
                                
-                               </dl>
+                               </dl>
+                       
+                       
+                       
+                       
+                       
+                       
+                       
+
+                   
+                   
+                    
+                    </div>                    
+                </div>
+
+            </td>
+            <td class="msource">
+               
+                       <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
+               &nbsp;
+            </td>
+        </tr>
+       
+         
+          <tr class="method-row config-row-alt0 expandable notInherited">
+            <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
+          
+          
+            <td class="sig">
+                <a id="Roo.bootstrap.LayoutMasonry-method-clearAll"   name=".clearAll"></a>
+               <div class="fixedFont">
+                       <span class="attributes"></span><b class="itemname">clearAll</b>
+                               
+                                () 
+                       
+                               
+                       
+               </div>
+                <div class="mdesc">
+               
+                   <div class="short">clear all the Masonry Brick</div> 
+                
+                
+                
+                    <div class="long">
+                       
+                               clear all the Masonry Brick
+                   
+                               
+                       
+                       
+                       
                        
                        
                        
             </td>
             <td class="msource">
                
-                       <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
+                       Roo.bootstrap.LayoutMasonry
                &nbsp;
             </td>
         </tr>
             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
           
           
+            <td class="sig">
+                <a id="Roo.bootstrap.Component-method-getVisibilityEl"   name=".getVisibilityEl"></a>
+               <div class="fixedFont">
+                       <span class="attributes"></span><b class="itemname">getVisibilityEl</b>
+                               
+                                () 
+                       
+                               
+                       
+               </div>
+                <div class="mdesc">
+               
+                   <div class="short">Get the element that will be used to show or hide</div> 
+                
+                
+                
+                    <div class="long">
+                       
+                               Get the element that will be used to show or hide
+                   
+                               
+                       
+                       
+                       
+                       
+                       
+                       
+                       
+                       
+                       
+                       
+
+                   
+                   
+                    
+                    </div>                    
+                </div>
+
+            </td>
+            <td class="msource">
+               
+                       <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
+               &nbsp;
+            </td>
+        </tr>
+       
+         
+          <tr class="method-row config-row-alt0 expandable">
+            <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
+          
+          
             <td class="sig">
                 <a id="Roo.util.Observable-method-hasListener"   name=".hasListener"></a>
                <div class="fixedFont">
         </tr>
        
          
-          <tr class="method-row config-row-alt0 expandable">
+          <tr class="method-row config-row-alt1 expandable">
             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
           
           
         </tr>
        
          
-          <tr class="method-row config-row-alt1 expandable">
+          <tr class="method-row config-row-alt0 expandable">
             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
           
           
         </tr>
        
          
-          <tr class="method-row config-row-alt0 expandable">
+          <tr class="method-row config-row-alt1 expandable">
             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
           
           
         </tr>
        
          
-          <tr class="method-row config-row-alt1 expandable">
+          <tr class="method-row config-row-alt0 expandable">
             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
           
           
         </tr>
        
          
-          <tr class="method-row config-row-alt0 expandable">
+          <tr class="method-row config-row-alt1 expandable">
             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
           
           
         </tr>
        
          
-          <tr class="method-row config-row-alt1 expandable">
+          <tr class="method-row config-row-alt0 expandable notInherited">
+            <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
+          
+          
+            <td class="sig">
+                <a id="Roo.bootstrap.LayoutMasonry-method-register"   name=".register"></a>
+               <div class="fixedFont">
+                       <span class="attributes"></span><b class="itemname">register</b>
+                               
+                                (<a href="./Roo.bootstrap.MasonryBrick.html#constructor" roo:cls="Roo.bootstrap.MasonryBrick.html#constructor">Roo.bootstrap.MasonryBrick</a> <B><i>the</i></B>) 
+                       
+                               
+                       
+               </div>
+                <div class="mdesc">
+               
+                   <div class="short">register a Masonry Brick</div> 
+                
+                
+                
+                    <div class="long">
+                       
+                               register a Masonry Brick
+                   
+                               
+                       
+                       
+                       
+                       
+                               <dl class="detailList">
+                               <dt class="heading">Parameters:</dt>
+                               
+                                       <dt>
+                                               <span class="fixedFont"><a href="./Roo.bootstrap.MasonryBrick.html#constructor" roo:cls="Roo.bootstrap.MasonryBrick.html#constructor">Roo.bootstrap.MasonryBrick</a></span>  <b>the</b>
+                                               
+                                       </dt>
+                                       <dd>masonry brick to add</dd>
+                               
+                               </dl>
+                       
+                       
+                       
+                       
+                       
+                       
+                       
+
+                   
+                   
+                    
+                    </div>                    
+                </div>
+
+            </td>
+            <td class="msource">
+               
+                       Roo.bootstrap.LayoutMasonry
+               &nbsp;
+            </td>
+        </tr>
+       
+         
+          <tr class="method-row config-row-alt1 expandable notInherited">
+            <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
+          
+          
+            <td class="sig">
+                <a id="Roo.bootstrap.LayoutMasonry-method-removeBrick"   name=".removeBrick"></a>
+               <div class="fixedFont">
+                       <span class="attributes"></span><b class="itemname">removeBrick</b>
+                               
+                                (<a href="./Roo.bootstrap.MasonryBrick.html#constructor" roo:cls="Roo.bootstrap.MasonryBrick.html#constructor">Roo.bootstrap.MasonryBrick</a> <B><i>the</i></B>) 
+                       
+                               
+                       
+               </div>
+                <div class="mdesc">
+               
+                   <div class="short">remove a Masonry Brick</div> 
+                
+                
+                
+                    <div class="long">
+                       
+                               remove a Masonry Brick
+                   
+                               
+                       
+                       
+                       
+                       
+                               <dl class="detailList">
+                               <dt class="heading">Parameters:</dt>
+                               
+                                       <dt>
+                                               <span class="fixedFont"><a href="./Roo.bootstrap.MasonryBrick.html#constructor" roo:cls="Roo.bootstrap.MasonryBrick.html#constructor">Roo.bootstrap.MasonryBrick</a></span>  <b>the</b>
+                                               
+                                       </dt>
+                                       <dd>masonry brick to remove</dd>
+                               
+                               </dl>
+                       
+                       
+                       
+                       
+                       
+                       
+                       
+
+                   
+                   
+                    
+                    </div>                    
+                </div>
+
+            </td>
+            <td class="msource">
+               
+                       Roo.bootstrap.LayoutMasonry
+               &nbsp;
+            </td>
+        </tr>
+       
+         
+          <tr class="method-row config-row-alt0 expandable">
             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
           
           
         </tr>
        
          
-          <tr class="method-row config-row-alt0 expandable">
+          <tr class="method-row config-row-alt1 expandable">
             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
           
           
         </tr>
        
          
-          <tr class="method-row config-row-alt1 expandable">
+          <tr class="method-row config-row-alt0 expandable">
             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
           
           
         </tr>
        
          
-          <tr class="method-row config-row-alt0 expandable">
+          <tr class="method-row config-row-alt1 expandable">
             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
           
           
         </tr>
        
          
-          <tr class="method-row config-row-alt1 expandable">
+          <tr class="method-row config-row-alt0 expandable">
             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
           
           
         </tr>
        
          
-          <tr class="method-row config-row-alt0 expandable">
+          <tr class="method-row config-row-alt1 expandable">
             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
           
           
         </tr>
        
          
-          <tr class="method-row config-row-alt1 expandable">
+          <tr class="method-row config-row-alt0 expandable">
             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
           
           
             </td>
         </tr>
        
-          <tr class="method-row expandable config-row-alt1">
+          <tr class="method-row expandable config-row-alt1 notInherited">
+            <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
+           
+            <td class="sig">
+                <a id="Roo.bootstrap.LayoutMasonry-event-*layout"></a>
+                
+              <div class="fixedFont">
+               <b class="itemname">layout</b> (<a href="./Roo.bootstrap.LayoutMasonry.html#constructor" roo:cls="Roo.bootstrap.LayoutMasonry.html#constructor">Roo.bootstrap.LayoutMasonry</a> <B><i>this</i></B>, <a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a> <B><i>e</i></B>) 
+               
+               </div>
+
+                <div class="mdesc">
+
+                   <div class="short">Fire after layout the items
+                  
+               </div> 
+                   
+                    <div class="long">
+                   
+                       Fire after layout the items
+                   
+                       
+                       
+               
+                       
+                               <dl class="detailList">
+                               <dt class="heading">Parameters:</dt>
+                               
+                                       <dt>
+                                               <span class="fixedFont"><a href="./Roo.bootstrap.LayoutMasonry.html#constructor" roo:cls="Roo.bootstrap.LayoutMasonry.html#constructor">Roo.bootstrap.LayoutMasonry</a></span> <b>this</b>
+                                               
+                                       </dt>
+                                       <dd></dd>
+                               
+                                       <dt>
+                                               <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
+                                               
+                                       </dt>
+                                       <dd></dd>
+                               
+                               </dl>
+                       
+                       
+                       
+                       
+                       
+                       
+                       
+
+                   
+                   
+                    
+                    </div>                    
+                </div>
+
+            </td>
+            <td class="msource">
+                Roo.bootstrap.LayoutMasonry
+            </td>
+        </tr>
+       
+          <tr class="method-row expandable config-row-alt0">
             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
            
             <td class="sig">
             </td>
         </tr>
        
-          <tr class="method-row expandable config-row-alt0">
+          <tr class="method-row expandable config-row-alt1">
             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
            
             <td class="sig">
 <!-- ============================== footer ================================= -->
                <div class="fineprint" style="clear:both">
                        
-                       Documentation generated by <a href="http://www.akbkhome.com" target="_blankt">Introspection Doc Generator</a>  on Thu Sep 08 2016 17:36:00 GMT+0800 (HKT)
+                       Documentation generated by <a href="http://www.akbkhome.com" target="_blankt">Introspection Doc Generator</a>  on Fri Jul 13 2018 14:10:53 GMT+0800 (HKT)
                        Based on 
                        <a href="http://www.jsdoctoolkit.org/" target="_blank">JsDoc Toolkit</a>  
                </div>