Wall

Introduction

A Helium styled wall display.

Helium View Reference

<wall/>

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
Â