Skip to content

Commit 67a986e

Browse files
committed
improved events doc page
1 parent 0841867 commit 67a986e

File tree

1 file changed

+33
-33
lines changed

1 file changed

+33
-33
lines changed

website/docs/guide/events.md

Lines changed: 33 additions & 33 deletions
Original file line numberDiff line numberDiff line change
@@ -43,59 +43,59 @@ Working example [here](../guide/02-events.md)
4343

4444
## GridLayout
4545

46-
* **layoutCreatedEvent**
46+
### layoutCreatedEvent
4747

48-
Layout created event
48+
Layout created event
4949

50-
Emited on the component created lifecycle hook
50+
Emited on the component created lifecycle hook
5151

5252
```javascript
5353
layoutCreatedEvent: function(newLayout){
5454
console.log("Created layout: ", newLayout)
5555
}
5656
```
5757

58-
* **layoutBeforeMountEvent**
58+
### layoutBeforeMountEvent
5959

60-
Layout beforeMount event
60+
Layout beforeMount event
6161

62-
Emited on the component beforeMount lifecycle hook
62+
Emited on the component beforeMount lifecycle hook
6363

6464
```javascript
6565
layoutBeforeMountEvent: function(newLayout){
6666
console.log("beforeMount layout: ", newLayout)
6767
}
6868
```
6969

70-
* **layoutMountedEvent**
70+
### layoutMountedEvent
7171

72-
Layout mounted event
72+
Layout mounted event
7373

74-
Emited on the component mounted lifecycle hook
74+
Emited on the component mounted lifecycle hook
7575

7676
```javascript
7777
layoutMountedEvent: function(newLayout){
7878
console.log("Mounted layout: ", newLayout)
7979
}
8080
```
8181

82-
* **layoutReadyEvent**
82+
### layoutReadyEvent
8383

84-
Layout ready event
84+
Layout ready event
8585

86-
Emited when all the operations on the mount hook finish
86+
Emited when all the operations on the mount hook finish
8787

8888
```javascript
8989
layoutReadyEvent: function(newLayout){
9090
console.log("Ready layout: ", newLayout)
9191
}
9292
```
9393

94-
* **layoutUpdatedEvent**
94+
### layoutUpdatedEvent
9595

96-
Layout updated event
96+
Layout updated event
9797

98-
Every time the layout has finished updating and positions of all grid-items are recalculated
98+
Every time the layout has finished updating and positions of all grid-items are recalculated
9999

100100
```javascript
101101
layoutUpdatedEvent: function(newLayout){
@@ -104,11 +104,11 @@ Working example [here](../guide/02-events.md)
104104
```
105105

106106

107-
* **breakpointChangedEvent**
107+
### breakpointChangedEvent
108108

109-
Breakpoint Changed event
109+
Breakpoint Changed event
110110

111-
Every time the breakpoint value changes due to window resize
111+
Every time the breakpoint value changes due to window resize
112112

113113
```javascript
114114
/**
@@ -125,47 +125,47 @@ Working example [here](../guide/02-events.md)
125125

126126
## GridItem
127127

128-
* **moveEvent**
128+
### moveEvent
129129

130-
Move event
130+
Move event
131131

132-
Every time an item is being moved and changes position
132+
Every time an item is being moved and changes position
133133

134134
```javascript
135135
moveEvent: function(i, newX, newY){
136136
console.log("MOVE i=" + i + ", X=" + newX + ", Y=" + newY);
137137
},
138138
```
139139

140-
* **resizeEvent**
140+
### resizeEvent
141141

142-
Resize event
142+
Resize event
143143

144-
Every time an item is being resized and changes size
144+
Every time an item is being resized and changes size
145145

146146
```javascript
147147
resizeEvent: function(i, newH, newW, newHPx, newWPx){
148148
console.log("RESIZE i=" + i + ", H=" + newH + ", W=" + newW + ", H(px)=" + newHPx + ", W(px)=" + newWPx);
149149
},
150150
```
151151

152-
* **movedEvent**
152+
### movedEvent
153153

154-
Moved event
154+
Moved event
155155

156-
Every time an item is finished being moved and changes position
156+
Every time an item is finished being moved and changes position
157157

158158
```javascript
159159
movedEvent: function(i, newX, newY){
160160
console.log("MOVED i=" + i + ", X=" + newX + ", Y=" + newY);
161161
},
162162
```
163163

164-
* **resizedEvent**
164+
### resizedEvent
165165

166-
Resized event
166+
Resized event
167167

168-
Every time an item is finished being resized and changes size
168+
Every time an item is finished being resized and changes size
169169

170170
```javascript
171171
/**
@@ -182,11 +182,11 @@ Working example [here](../guide/02-events.md)
182182
},
183183
```
184184

185-
* **containerResizedEvent**
185+
### containerResizedEvent
186186

187-
Container Resized event
187+
Container Resized event
188188

189-
Every time the grid item/layout container changes size (browser window or other)
189+
Every time the grid item/layout container changes size (browser window or other)
190190

191191
```javascript
192192
/**

0 commit comments

Comments
 (0)