Wall
Introduction
A Helium styled wall display.
Helium View Reference
Plain HTML
Output widget
<div class="widget-container"> <div id="w3" class="widget data wall"> <div class="header ui-state-default ui-corner-top">Tickets</div> <div class="entries"> <div class="wallrow"> <div class="fullcontent"> <h1>27000000001</h1> <h2>October 3, 2018 11:35:10 AM SAST</h2> <div class="description">Example One</div> <div class="actions"><a href="#" class="action">Resolve</a><a href="#" class="action">Delete</a></div> </div> </div> <div class="wallrow"> <div class="fullcontent"> <h1>27000000002</h1> <h2>October 3, 2018 11:35:10 AM SAST</h2> <div class="description">Example Two</div> <div class="actions"><a href="#" class="action">Resolve</a><a href="#" class="action">Delete</a></div> </div> </div> <div class="wallrow"> <div class="fullcontent"> <h1>27000000003</h1> <h2>October 3, 2018 11:35:10 AM SAST</h2> <div class="description">Example Three</div> <div class="actions"><a href="#" class="action">Resolve</a><a href="#" class="action">Delete</a></div> </div> </div> </div> <div class="footer ui-state-default ui-corner-bottom"> <textarea rows="2"></textarea> <button class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button" aria-disabled="false"> <span class="ui-button-text">Comment</span> </button> </div> </div> <div class="clear-fix"> </div> </div>
JavaScript / jQuery
Â
Output widget - Programmatically
Â