devleaks/yii2-metafizzy

Yii2 asset bundle wrapper around several David DeSandro javascript libraries

1.0.2 2017-09-13 16:04 UTC

Requires

• bower-asset/draggabilly: *
• bower-asset/imagesloaded: *
• bower-asset/isotope: *
• bower-asset/masonry: *
• bower-asset/packery: *
• yiisoft/yii2: *
• yiisoft/yii2-bootstrap: *

MIT

• Pierre M

• extension
• isotope
• yii2
• masonry
• packery
• metafizzy
• draggabilly

README

Yii2 asset bundle wrapper around David DeSandro javascript libraries masonry, isotope, packery, and draggabilly.

Installation

The preferred way to install this extension is through composer.

Either run

php composer.phar require --prefer-dist devleaks/yii2-metafizzy "*"

or add

"devleaks/yii2-metafizzy": "*"

to the require section of your composer.json file.

Usage

Once the extension is installed, simply use it in your code :

(You use Isotope, Masonry, Packery, or Draggabilly the same way.)

<?php

use devleaks\metafizzy\Isotope;

?>
<div id="isotope-container">
	<div class="item">...</div>
	<div class="item w2">...</div>
	<div class="item">...</div>
	...
</div>

<?= Isopote::widget([
	'options' => [
		'id' => 'isotope-container'
	],
	'clientOptions' => [
        'itemSelector' => '.item',
        'layoutMode'  => 'fitRows'
	]
]) ?>