Yii2 jquery.matchHeight.js asset

A responsive equal heights jQuery plugin for Yii2.

Support

GutHub issues.

Plugin

Demo.

Documentation.

Home page.

Usage

Register the asset in the code view

<?php
...
voskobovich\matchheight\MatchHeightAsset::register($this);
?>

or in your AssetBundle

class AppAsset extends AssetBundle
{
    ...
    public $depends = [
        ...
        'voskobovich\matchheight\MatchHeightAsset'
    ];
}

and then execute JS code in view

<?php
<div class="block-name">
   content
</div>

$this->registerJs('$(".block-name").matchHeight();')
?>

or

<div data-mh="group-name-1">
   content
</div>

<div data-mh="group-name-2">
   content
</div>

<?php $this->registerJs('$("body").matchHeight();') ?>

Installation

The preferred way to install this extension is through composer.

Either run

php composer.phar require --prefer-dist voskobovich/yii2-match-height-asset "~1.0"

or add

"voskobovich/yii2-match-height-asset": "~1.0"

to the require section of your composer.json file.