docs/default.css
[roojs1] / docs / symbols / Roo.bootstrap.LayoutMasonry.html
index 215c53f..aeb0c62 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-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="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>
           
           
         </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
+                   
+                               
+                       
+                       
+                       
+                       
+                       
+                       
+                       
+                       
+                       
+                       
+
+                   
+                   
+                    
+                    </div>                    
+                </div>
+
+            </td>
+            <td class="msource">
+               
+                       Roo.bootstrap.LayoutMasonry
+               &nbsp;
+            </td>
+        </tr>
+       
+         
           <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 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-alt0 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-alt1 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 Tue Mar 15 2016 16:02:47 GMT+0800 (HKT)
+                       Documentation generated by <a href="http://www.akbkhome.com" target="_blankt">Introspection Doc Generator</a>  on Thu May 10 2018 15:50:16 GMT+0800 (HKT)
                        Based on 
                        <a href="http://www.jsdoctoolkit.org/" target="_blank">JsDoc Toolkit</a>  
                </div>