From 412ee61bbed9ab8f3a3846aa61e3f225264e6593 Mon Sep 17 00:00:00 2001 From: Dustin Moore Date: Wed, 3 Apr 2013 09:44:16 -0700 Subject: [PATCH] Updated sample --- sample/css/main.css | 10 +++++----- sample/index.html | 7 +++---- 2 files changed, 8 insertions(+), 9 deletions(-) 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.

    - +