1. Demostration
2. Installation
3. Usage Exemple

Yii2 widget to extend the Yii2 ListView for use it as Masonry grid layout

More detailed information in GitHub repository: https://github.com/nerburish/yii2-masonry-view

Demostration ¶

https://cloud.githubusercontent.com/assets/5610788/17868085/7fc5279a-68ad-11e6-92ff-963f4781d4a8.png

Installation ¶

The preferred way to install this extension is through composer.

Either run

php composer.phar require --prefer-dist nerburish/yii2-masonry-view "dev-master"

or add

"nerburish/yii2-masonry-view": "dev-master"

to the require section of your composer.json file.

Usage Exemple ¶

<?php echo \nerburish\masonryview\MasonryView::widget([
    'dataProvider' => $dataProvider,
    'itemView' => '_item',
    'clientOptions' => [
      'gutterWidth' => 15,
    ],
    'cssFile' => [
        "@web/css/masonry-demo.css"     
    ]
]) ?>

You may also be interested in MatchHeight.js ListView widget: https://github.com/nerburish/yii2-match-height-view