https://community.telligent.com/community/11/w/api-documentation/67146/evolutionmasonry-jquery-pluginen-US14.0.0.586 14https://community.telligent.com/community/11/w/api-documentation/67146/evolutionmasonry-jquery-pluginTue, 19 Nov 2019 20:29:12 GMTa7d78d17-2d73-474a-bb16-d6c41bfdb3ddBen Tiedthttps://community.telligent.com/community/11/w/api-documentation/67146/evolutionmasonry-jquery-plugin#commentsCurrent Revision posted to API Documentation by Ben Tiedt on 11/19/2019 20:29:12<br /> <hr class="generated-documentation-start" style="border-width:0;" /><h3><a id="jQuery_fn_evolutionMasonry" name="jQuery_fn_evolutionMasonry"></a>jQuery.fn.evolutionMasonry</h3> <p>This plugin enables responsive, multi-column, left-to-right layout of variable-height elements.</p> <h3><a id="Usage" name="Usage"></a>Usage</h3> <p>Initializes the selected container to render its immediate children as</p> <pre><code>$(container).evolutionMasonry(options) </code></pre> <h3><a id="Options" name="Options"></a>Options</h3> <ul> <li> <code>columnClass</code>: CSS class name to apply to each rendered column. Should define, at minimum, a desired width. Through media queries, alternate widths can be defined for different targets. <ul> <li>default: <code>masonry-column</code></li> </ul> </li> </ul> <h3><a id="Methods" name="Methods"></a>Methods</h3> <h4><a id="append" name="append"></a>append</h4> <p>Append items to the masonry layout</p> <pre><code>// append items $(&#39;.container&#39;).evolutionMasonry(&#39;append&#39;, newItems); </code></pre> <h4><a id="empty" name="empty"></a>empty</h4> <p>Removes all items from the masonry layout</p> <hr class="generated-documentation-end" style="border-width:0;" /><div style="clear:both;"></div>