1. Demostration
2. Installation
3. Usage Exemple

Yii2 widget to extend the Yii2 ListView for use it as Isotope grid http://isotope.metafizzy.co/

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

Demostration ¶

https://cloud.githubusercontent.com/assets/5610788/17946123/49153582-6a47-11e6-914d-f6424523836a.gif

Installation ¶

The preferred way to install this extension is through composer.

Either run

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

or add

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

to the require section of your composer.json file.

Usage Exemple ¶

<?php echo \nerburish\isotopeview\IsotopeView::widget([
	'dataProvider' => $dataProvider,
	'filterAttribute' => 'categories',
	'itemView' => '_item',
	'cssFile' => [
		"@web/css/grid-demo.css"		
	]
]) ?>

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