If true, all the CSS required to osition l widgets in their respective col umns and rows will be generated automatically and injectedt the
of thed cument.You can set this to false, and write your own CSS targeting rows and cols via data - attributes like so: [data - col = "1"] { left: 10px; } Default = trueAvoid that widgets loaded from the DOM can be overlapped. It is helpful if the positions were bad stored in the database or if there was any conflict. Default = true
An object with all options for Collision class you want to overwrite. @see GridsterCollision or docs for more info.
An object with all options for Draggable class you want to overwrite. @see GridsterDraggable or docs for more info.
Add more columns in addition to those that have been calculated. Default = 0
Add more rows in addition to those that have been calculated. Default = 0
The maximum columns possible (set to null for no maximum). Default = null
The maximum number of columns that a widget can span. Default = 6
The minimum required columns. Default = 1
The minimum required rows. Default = 15
Return the data you want for each widget in the serialization.
Base widget dimensions in pixels. The first index for the width and the second for the height. Default = [400, 225]
Margin between widgets. The first index for the horizontal margin (left, right) and the second for the vertical margin (top, bottom). Default = [10, 10]
Define who will be the draggable widgets. Can be a CSS Selector String or a collection of HTMLElements. Type => string css selector Type => HTMLElement[] Default = 'li'