https://community.telligent.com/community/13/w/api-documentation/75774/evolutionmasonry-jquery-plugin<p><span>Developing on Verint Community? Use the API documentation as a reference for all supported interactions with Verint Community.</span></p>en-US14.0.0.586 14https://community.telligent.com/community/13/w/api-documentation/75774/evolutionmasonry-jquery-pluginFri, 08 Mar 2024 17:51:36 GMTfed84528-a21a-45ea-8404-3b56558679b2Ben Tiedthttps://community.telligent.com/community/13/w/api-documentation/75774/evolutionmasonry-jquery-plugin#commentsCurrent Revision posted to API Documentation by Ben Tiedt on 03/08/2024 17:51:36<br /> <hr class="generated-documentation-start" style="border-width:0;" /><h3>jQuery.fn.evolutionMasonry</h3> <p>This plugin enables responsive, multi-column, left-to-right layout of variable-height elements.</p> <h3>Usage</h3> <p>Initializes the selected container to render its immediate children as</p> <pre><code>$(container).evolutionMasonry(options) </code></pre> <h3>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>Methods</h3> <h4>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>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>