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

Gridster ignoring my columns :( #173

Open AlexRoscoe opened 11 years ago

AlexRoscoe commented 11 years ago

I am using gridster in my project and creating my widgets using add_widget(). I literally set each widget's col and row number (1-5) and when the grid loads every widget is somehow confined to col 1-2 and stacked vertically down the left side of my grid.. I have no idea why, any suggestions would be greatly appreciated.

I'm even enforcing my cols and rows here:

        var g = elem.gridster().data('gridster');
        g.options.widget_base_dimensions = [140, 140];
        g.options.min_cols = 4;
        g.options.min_rows = 3;
dustmoo commented 11 years ago

Can you create a jsfiddle so I can see the behavior?

Thanks,

Dustin

On Wed, May 15, 2013 at 12:08 PM, Alex Roscoe notifications@github.com wrote:

I am using gridster in my project and creating my widgets using add_widget(). I literally set each widget's col and row number (1-5) and when the grid loads every widget is somehow confined to col 1-2 and stacked vertically down the left side of my grid.. I have no idea why, any suggestions would be greatly appreciated. I'm even enforcing my cols and rows here: var g = elem.gridster().data('gridster'); g.options.widget_base_dimensions = [140, 140]; g.options.min_cols = 4;

g.options.min_rows = 3;

Reply to this email directly or view it on GitHub: https://github.com/ducksboard/gridster.js/issues/173

claravanstaden commented 10 years ago

I have the same issue.

MichaelPaulukonis commented 10 years ago

@Clar64 please create a jsfiddle so we can see the issue.

phillipweston commented 10 years ago

I resolved this problem by setting the below on my widget class: display: inline-block;