search

ducksboard / gridster.js

gridster.js is a jQuery plugin that makes building intuitive draggable layouts from elements spanning multiple columns
http://gridster.net/
MIT License
6.03k stars 1.2k forks source link

Problems to upgrade to the new version. #324

Closed sosoriov closed 10 years ago

sosoriov commented 10 years ago

Problems to update to new version. I was working with v0.2.1 version in a project, now I want to update the gridster version but I have some problems to work on it. I think is a css problem but I'm not sure.

In my project I should have an A4 paper size and the user can fill it with gridster. With the previous version I have some problems to adapt the paper and margins for this reason I want to upgrade the version

In the next link you can see the strange behavior with the new version http://screencast.com/t/7SuLthNn9N

I appreciate your help.

Thanks

bedomon commented 10 years ago

It is a bug with jquery ui, I have the same issue...

On of your parent of your ul element (or ul itself) have the position:relative attribute. Remove it and your widget work better.

The problem with this tips is that gridster did'nt adapt his size after dragging...

bedomon commented 10 years ago

I still have the bug the fix didn't work

sosoriov commented 10 years ago

For me It works thanks

bedomon commented 10 years ago

@sosoriov it work with the position trick ?

sosoriov commented 10 years ago

@bedomon yes I removed the position:relative and it works

mtruneck commented 10 years ago

Or you can set explicitly margin:0; to your gridster element (UL). The problem is the element has margin: 0px auto; when not dragging which causes centering the element horizontaly.