Skip to content

Commit 2bb81a7

Browse files
committed
update docs
1 parent b968bb3 commit 2bb81a7

File tree

1 file changed

+9
-9
lines changed

1 file changed

+9
-9
lines changed

README.md

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -127,7 +127,7 @@ You can download files from `dist` directory as well.
127127

128128
## Basic usage
129129

130-
```
130+
```html
131131
<div class="grid-stack">
132132
<div class="grid-stack-item"
133133
data-gs-x="0" data-gs-y="0"
@@ -252,15 +252,15 @@ $('.grid-stack').on('resizestop', function (event, ui) {
252252

253253
### disable(event)
254254

255-
```javascipt
255+
```javascript
256256
$('.grid-stack').on('disable', function(event) {
257257
var grid = event.target;
258258
});
259259
```
260260

261261
### enable(event)
262262

263-
```javascipt
263+
```javascript
264264
$('.grid-stack').on('enable', function(event) {
265265
var grid = event.target;
266266
});
@@ -479,7 +479,7 @@ Sorts array of nodes
479479
Please use [jQuery UI Touch Punch](https://github.com/furf/jquery-ui-touch-punch) to make jQuery UI Draggable/Resizable
480480
working on touch-based devices.
481481

482-
```
482+
```html
483483
<script src="lodash.min.js"></script>
484484
<script src="jquery.min.js"></script>
485485
<script src="jquery-ui.min.js"></script>
@@ -556,15 +556,15 @@ $(function () {
556556

557557
and HTML:
558558

559-
```
559+
```html
560560
<div data-bind="component: {name: 'dashboard-grid', params: $data}"></div>
561561
```
562562

563563
See examples: [example 1](http://troolee.github.io/gridstack.js/demo/knockout.html), [example 2](http://troolee.github.io/gridstack.js/demo/knockout2.html).
564564

565565
**Notes:** It's very important to exclude training spaces after widget template:
566566

567-
```
567+
```javascript
568568
template:
569569
[
570570
'<div class="grid-stack" data-bind="foreach: {data: widgets, afterRender: afterAddWidget}">',
@@ -621,7 +621,7 @@ and so on.
621621

622622
Here is a SASS code snipped which can make life easier (Thanks to @ascendantofrain, [#81](https://github.com/troolee/gridstack.js/issues/81)):
623623

624-
```
624+
```sass
625625
.grid-stack-item {
626626
627627
$gridstack-columns: 12;
@@ -645,7 +645,7 @@ There are few extra CSS batteries in `gridstack-extra.css` (`gridstack-extra.min
645645

646646
You can use other than 12 grid width:
647647

648-
```
648+
```html
649649
<div class="grid-stack grid-stack-N">...</div>
650650
```
651651
```javascript
@@ -731,7 +731,7 @@ CSS stylesheet dynamically. As a workaround you can do the following:
731731
- Create `gridstack-ie8.css` for your configuration (sample for grid with cell height of 60px can be found [here](https://gist.github.com/troolee/6edfea5857f4cd73e6f1)).
732732
- Include this CSS:
733733

734-
```
734+
```html
735735
<!--[if lt IE 9]>
736736
<link rel="stylesheet" href="gridstack-ie8.css"/>
737737
<![endif]-->

0 commit comments

Comments
 (0)