anchor.diff:  <script type='text/javascript'>
   $(function() {
  -  //
  +  
  +  // Configure your total number of TSRs here -- This is NOT a core Dashing variable.
     Dashing.myAgents = 12
  -  //
  +  // --
  +  
  +  // Set number of columns fed by data push
     Dashing.numColumns = 9
  +  
  +  // Everything else (except margins) auto-configure
     Dashing.numRows = Dashing.myAgents + 1
     Dashing.widget_margins = [3, 3]
     cSize = Math.floor(1800/Dashing.numColumns) - Dashing.widget_margins[0]
  
positive.code: 
  <div class="gridster">
    <ul id="agent2">
  	<!-- TOP ROW -->
      <li data-row="1" data-col="1" data-sizex="1" data-sizey="1">
  		<div data-view="Text" data-title="Agent" data-moreinfo="" style="background-color:#222" class="agentdb2 agentname agentdb2header"></div>
      </li>
  
negative.code: 
  <script type='text/javascript'>
  $(function() {
  	// Append new data rows 'Dashing.myAgents' times.  Each row (li) and container (div) is differentiated by a simple counter.  
  	container = $('#agent2')
  	num = Dashing.myAgents
  	
  	// Generic 'data type' classes are set on each field to help isolate styling with CSS.  Use IDs to target more specifically.
  	
  	for (var i = 1; i <= num; i++)
  	{
  