Configurable Options

Modify options on the fly or set them as data attributes

You can use data-overlap="..." to allow or deny overlapping (defaults to false), data-compact="..." to reduce vertical space as much as possible (defaults to true) or data-resize=".." to resize the whole container to match its contents. This can also be done on the fly by using the option() method e.g. $(...).lt_grid('option', 'overlap', true)

Here's how it looks in action:

<div
 data-arrange="layout-grid"
 data-overlap="false"
 data-compact="true"
 data-resize="true">
</div>

1

2

3

4

5

6

7