title: setting minimum width and height for each gridster.js widget
body: <p>I'm using gridster.js combined with Jquery UI to make it resizable by dragging using this bit:</p>
  
  <pre><code>$('.layout_block').resizable({
      grid: [grid_size + (grid_margin * 2), grid_size + (grid_margin * 2)],
      animate: false,
      minWidth: grid_size,
      minHeight: grid_size,
      containment: '#layouts_grid ul',
      autoHide: true,
      stop: function(event, ui) {
          var resized = $(this);
          setTimeout(function() {
              resizeBlock(resized);
          }, 300);
      }
  });
  
  $('.ui-resizable-handle').hover(function() {
      layout.disable();
  }, function() {
  
      layout.enable();
  });
  
  function resizeBlock(elmObj) {
  
      var elmObj = $(elmObj);
      var w = elmObj.width() - grid_size;
      var h = elmObj.height() - grid_size;
  
      for (var grid_w = 1; w &gt; 0; w -= (grid_size + (grid_margin * 2))) {
  
          grid_w++;
      }
  
      for (var grid_h = 1; h &gt; 0; h -= (grid_size + (grid_margin * 2))) {
  
          grid_h++;
      }
  
      layout.resize_widget(elmObj, grid_w, grid_h);
  }
  </code></pre>
  
  <p>as suggested on GitHub:</p>
  
  <p><a href="http://jsfiddle.net/maxgalbu/UfyjW/" rel="noreferrer">http://jsfiddle.net/maxgalbu/UfyjW/</a></p>
  
  <p>I need to specify minimum width and height for each widget and not for gridster genrally.</p>
  
  <p>Is there an obvious way to achieve this functionality?</p>
  
  <p>Thanks</p>