@@ -46,6 +46,7 @@ Inspired by [gridster.js](http://gridster.net). Built with love.
46
46
- [ Use with knockout.js] ( #use-with-knockoutjs )
47
47
- [ Change grid width] ( #change-grid-width )
48
48
- [ Load grid from array] ( #load-grid-from-array )
49
+ - [ Override resizable/draggable options] ( #override-resizabledraggable-options )
49
50
- [ Changes] ( #changes )
50
51
- [ v0.2.3 (development version)] ( #v023-development-version )
51
52
- [ v0.2.2 (2014-12-23)] ( #v022-2014-12-23 )
@@ -108,12 +109,14 @@ $(function () {
108
109
- ` animate ` - turns animation on (default: ` false ` )
109
110
- ` auto ` - if ` false ` it tells to do not initialize existing items (default: ` true ` )
110
111
- ` cell_height ` - one cell height (default: ` 60 ` )
112
+ - ` draggable ` - allows to owerride jQuery UI draggable options. (default: ` {handle: '.grid-stack-item-content', scroll: true, appendTo: 'body'} ` )
111
113
- ` handle ` - draggable handle selector (default: ` '.grid-stack-item-content' ` )
112
114
- ` height ` - maximum rows amount. Default is ` 0 ` which means no maximum rows
113
115
- ` float ` - enable floating widgets (default: ` false ` )
114
116
- ` item_class ` - widget class (default: ` 'grid-stack-item' ` )
115
117
- ` min_width ` - minimal width. If window width is less grid will be shown in one-column mode (default: ` 768 ` )
116
118
- ` placeholder_class ` - class for placeholder (default: ` 'grid-stack-placeholder' ` )
119
+ - ` resizable ` - allows to owerride jQuery UI resizable options. (default: ` {autoHide: true, handles: 'se'} ` )
117
120
- ` vertical_margin ` - vertical gap size (default: ` 20 ` )
118
121
- ` width ` - amount of columns (default: ` 12 ` )
119
122
@@ -493,12 +496,28 @@ _.each(serialization, function (node) {
493
496
});
494
497
```
495
498
499
+ ## Override resizable/draggable options
500
+
501
+ You can override default ` resizable ` /` draggable ` options. For instance to enable other then bottom right resizing handle
502
+ you can init gridsack like:
503
+
504
+ ``` javascript
505
+ $ (' .grid-stack' ).gridstack ({
506
+ resizable: {
507
+ handles: ' e, se, s, sw, w'
508
+ }
509
+ });
510
+ ```
511
+
512
+ Note: It's not recommended to enable ` nw ` , ` n ` , ` ne ` resizing handles. Their behaviour may be unexpected.
513
+
496
514
497
515
Changes
498
516
=======
499
517
500
518
#### v0.2.3 (development version)
501
519
520
+ - allow to override ` resizable ` /` draggable ` options
502
521
- add ` disable ` /` enable ` methods
503
522
- add ` get_cell_from_pixel ` (thanks to @juchi )
504
523
- AMD support
0 commit comments