anchor.diff:      // Show the table
       table.removeClass('hidden');
   
  -    var picker = $(table).find('.colourpicker').colorpicker()
  -    var metrics = $(table).find('.metric')
  -    var visualisations = $(table).find('.visualisation')
  +    picker = $(table).find('.colourpicker').colorpicker()
  +    metrics = $(table).find('.metric')
  +    visualisations = $(table).find('.visualisation');
   
       picker.on('changeColor', function(ev){
         var iframe = $(this).parent().parent().find('iframe')
  
positive.code: 
    <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">
      <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">
      <div class="help-block">Maxiumum 4 columns</div>
    </div>
  
  
negative.code: 
        setSrc(iframe, params);
      })
    }
  </script>
  