@@ -113,17 +113,17 @@ $(function () {
113113
114114## Options
115115
116- - ` always_show_resize_handle ` - if ` true ` the resizing handles are shown even the user is not hovering over the widget
116+ - ` always_show_resize_handle ` - if ` true ` the resizing handles are shown even if the user is not hovering over the widget
117117 (default: ` false ` )
118118- ` animate ` - turns animation on (default: ` false ` )
119- - ` auto ` - if ` false ` it tells to do not initialize existing items (default: ` true ` )
119+ - ` auto ` - if ` false ` gridstack will not initialize existing items (default: ` true ` )
120120- ` cell_height ` - one cell height (default: ` 60 ` )
121121- ` draggable ` - allows to override jQuery UI draggable options. (default: ` {handle: '.grid-stack-item-content', scroll: true, appendTo: 'body'} ` )
122122- ` handle ` - draggable handle selector (default: ` '.grid-stack-item-content' ` )
123123- ` height ` - maximum rows amount. Default is ` 0 ` which means no maximum rows
124124- ` float ` - enable floating widgets (default: ` false ` ) See [ example] ( http://troolee.github.io/gridstack.js/demo/float.html )
125125- ` item_class ` - widget class (default: ` 'grid-stack-item' ` )
126- - ` min_width ` - minimal width. If window width is less grid will be shown in one-column mode (default: ` 768 ` )
126+ - ` min_width ` - minimal width. If window width is less, grid will be shown in one-column mode (default: ` 768 ` )
127127- ` placeholder_class ` - class for placeholder (default: ` 'grid-stack-placeholder' ` )
128128- ` resizable ` - allows to override jQuery UI resizable options. (default: ` {autoHide: true, handles: 'se'} ` )
129129- ` vertical_margin ` - vertical gap size (default: ` 20 ` )
@@ -144,8 +144,8 @@ $(function () {
144144- ` data-gs-no-move ` - disable element moving
145145- ` data-gs-auto-position ` - tells to ignore ` data-gs-x ` and ` data-gs-y ` attributes and to place element to the first
146146 available position
147- - ` data-gs-locked ` - the widget will be locked. It means another widgets couldn't move it during dragging or resizing.
148- The widget is still can be dragged or resized. You need to add ` data-gs-no-resize ` and ` data-gs-no-move ` attributes
147+ - ` data-gs-locked ` - the widget will be locked. It means another widget wouldn't be able to move it during dragging or resizing.
148+ The widget can still be dragged or resized. You need to add ` data-gs-no-resize ` and ` data-gs-no-move ` attributes
149149to completely lock the widget.
150150
151151## Events
@@ -214,8 +214,8 @@ Parameters:
214214- ` auto_position ` - if ` true ` then ` x ` , ` y ` parameters will be ignored and widget will be places on the first available
215215position
216216
217- Widget will be always placed even if result height will be more then grid height. You need to use ` will_it_fit ` method
218- before call ` add_widget ` for additional check.
217+ Widget will be always placed even if result height is more than actual grid height. You need to use ` will_it_fit ` method
218+ before calling ` add_widget ` for additional check.
219219
220220``` javascript
221221$ (' .grid-stack' ).gridstack ();
@@ -350,7 +350,7 @@ have `height` constraint.
350350
351351``` javascript
352352if (grid .will_it_fit (new_node .x , new_node .y , new_node .width , new_node .height , true )) {
353- grid .add_widget (new_node .x , new_node .y , new_node .width , new_node .height , true );
353+ grid .add_widget (new_node .el , new_node . x , new_node .y , new_node .width , new_node .height , true );
354354}
355355else {
356356 alert (' Not enough free space to place the widget' );
0 commit comments