diff --git a/sample/css/main.css b/sample/css/main.css
index 139fa92197..183e1f27cf 100755
--- a/sample/css/main.css
+++ b/sample/css/main.css
@@ -35,7 +35,7 @@ body {
opacity: 1;
}
-.gridster, .content {
+.gridster, .content, .gridster2 {
width: 940px;
margin: 0 auto;
@@ -56,27 +56,27 @@ body {
margin: 25px;
}
-.gridster .gs_w {
+.gridster .gs_w, .gridster2 .gs_w {
background: #FFF;
cursor: pointer;
-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);
box-shadow: 0 0 5px rgba(0,0,0,0.3);
}
-.gridster .player {
+.gridster .player, .gridster2 .player {
-webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
}
-.gridster .gs_w.try {
+.gridster .gs_w.try, .gridster2 .gs_w.try {
background-image: url(../img/sprite.png);
background-repeat: no-repeat;
background-position: 37px -169px;
}
-.gridster .preview-holder {
+.gridster .preview-holder, .gridster2 .preview-holder {
border: none!important;
border-radius: 0!important;
background: rgba(255,255,255,.2)!important;
diff --git a/sample/index.html b/sample/index.html
index 68f7126959..876f427d88 100644
--- a/sample/index.html
+++ b/sample/index.html
@@ -23,13 +23,13 @@
$(".gridster ul").gridster({
widget_margins: [10, 10],
widget_base_dimensions: [140, 140],
- max_cols: 6
+ shift_larger_widgets_down: false
});
});
-
+
@@ -51,7 +51,6 @@
This demo represents using the branch in swap mode. This works best with shift_larger_widgets_down set to "false". However, smaller widgets do not displace larger ones.
-
For now, if you want the default shift down behavior I recommend using the standard gridster library.
-
+