@@ -25,28 +25,28 @@ Usage
2525## Basic usage
2626
2727``` html
28- <div class =" grid-stack" >
29- <div class =" grid-stack-item"
30- data-gs-x =" 0" data-gs-y =" 0"
31- data-gs-width =" 4" data-gs-height =" 2" >
32- <div class =" grid-stack-item-content" ></div >
33- </div >
34- <div class =" grid-stack-item"
35- data-gs-x =" 4" data-gs-y =" 0"
36- data-gs-width =" 4" data-gs-height =" 4" >
37- <div class =" grid-stack-item-content" ></div >
38- </div >
28+ <div class =" grid-stack" >
29+ <div class =" grid-stack-item"
30+ data-gs-x =" 0" data-gs-y =" 0"
31+ data-gs-width =" 4" data-gs-height =" 2" >
32+ <div class =" grid-stack-item-content" ></div >
3933 </div >
40-
41- <script type =" text/javascript" >
42- $ (function () {
43- var options = {
44- cell_height: 80 ,
45- vertical_margin: 10
46- };
47- $ (' .grid-stack' ).gridstack (options);
48- });
49- </script >
34+ <div class =" grid-stack-item"
35+ data-gs-x =" 4" data-gs-y =" 0"
36+ data-gs-width =" 4" data-gs-height =" 4" >
37+ <div class =" grid-stack-item-content" ></div >
38+ </div >
39+ </div >
40+
41+ <script type =" text/javascript" >
42+ $ (function () {
43+ var options = {
44+ cell_height: 80 ,
45+ vertical_margin: 10
46+ };
47+ $ (' .grid-stack' ).gridstack (options);
48+ });
49+ </script >
5050```
5151
5252## Options
@@ -84,49 +84,49 @@ Usage
8484Occurs when widgets change their position/size
8585
8686``` javascript
87- var serialize_widget_map = function (items ) {
88- console .log (items);
89- };
87+ var serialize_widget_map = function (items ) {
88+ console .log (items);
89+ };
9090
91- $ (' .grid-stack' ).on (' change' , function (e , items ) {
92- serialize_widget_map (items);
93- });
91+ $ (' .grid-stack' ).on (' change' , function (e , items ) {
92+ serialize_widget_map (items);
93+ });
9494```
9595
9696### ondragstart(event, ui)
9797
9898``` javascript
99- $ (' .grid-stack' ).on (' dragstart' , function (event , ui ) {
100- var grid = this ;
101- var element = event .target ;
102- });
99+ $ (' .grid-stack' ).on (' dragstart' , function (event , ui ) {
100+ var grid = this ;
101+ var element = event .target ;
102+ });
103103```
104104
105105### ondragstop(event, ui)
106106
107107``` javascript
108- $ (' .grid-stack' ).on (' dragstop' , function (event , ui ) {
109- var grid = this ;
110- var element = event .target ;
111- });
108+ $ (' .grid-stack' ).on (' dragstop' , function (event , ui ) {
109+ var grid = this ;
110+ var element = event .target ;
111+ });
112112```
113113
114114### onresizestart(event, ui)
115115
116116``` javascript
117- $ (' .grid-stack' ).on (' resizestart' , function (event , ui ) {
118- var grid = this ;
119- var element = event .target ;
120- });
117+ $ (' .grid-stack' ).on (' resizestart' , function (event , ui ) {
118+ var grid = this ;
119+ var element = event .target ;
120+ });
121121```
122122
123123### onresizestop(event, ui)
124124
125125``` javascript
126- $ (' .grid-stack' ).on (' resizestop' , function (event , ui ) {
127- var grid = this ;
128- var element = event .target ;
129- });
126+ $ (' .grid-stack' ).on (' resizestop' , function (event , ui ) {
127+ var grid = this ;
128+ var element = event .target ;
129+ });
130130```
131131
132132
0 commit comments