anchor.diff:  
     <div class="form-group">
       <label for="title">Number of rows</label>
  -    <input type="number" class="form-control rowcols" id="rows" value="1" name="dashboard[rows]" min="1" max="3">
  +    <input type="number" class="form-control rowcols" id="rows" value="3" name="dashboard[rows]" min="1" max="3">
       <div class="help-block">Maxiumum 3 rows</div>
     </div>
   
     <div class="form-group">
       <label for="title">Number of columns</label>
  -    <input type="number" class="form-control rowcols" id="columns" value="1" name="dashboard[columns]" min="1" max="4">
  +    <input type="number" class="form-control rowcols" id="columns" value="3" name="dashboard[columns]" min="1" max="4">
       <div class="help-block">Maxiumum 4 columns</div>
     </div>
   
  
positive.code:     // Show the table
      table.removeClass('hidden');
  
      var picker = $(table).find('.colourpicker').colorpicker()
      var metrics = $(table).find('.metric')
      var visualisations = $(table).find('.visualisation')
  
      picker.on('changeColor', function(ev){
        var iframe = $(this).parent().parent().find('iframe')
  
negative.code: 
        setSrc(iframe, params);
      })
    }
  </script>
  