ereminmdev/yii2-masonry

Masonry assert for Yii framework.

v1.0.6 2023-06-10 07:22 UTC

Requires

• php: >=5.4.0
• npm-asset/imagesloaded: ^4
• npm-asset/masonry-layout: ^4
• yiisoft/yii2: ~2.0.1

MIT

• Michael Eremin

• layout
• grid
• widget
• yii2
• masonry

README

Masonry widget for Yii framework.

This widget depends on masonry script: http://masonry.desandro.com

Install

composer require --prefer-dist ereminmdev/yii2-masonry

Documentation

http://masonry.desandro.com/options.html

Use

Add next code in the view file:

MasonryAsset::register($this);

$this->registerJs('
    new Masonry(".items", {
        itemSelector: ".item"
    });
');

To fix overlapping item elements, use ImagesLoaded:

ImagesLoadedAsset::register($this);
MasonryAsset::register($this);

$this->registerJs('
    imagesLoaded(document.querySelector(".items"), () => {
        new Masonry(".items", {
            itemSelector: ".item"
        });
    });
');