fedemotta/yii2-gridstack

Gridstack.js widget for Yii2

Gridstack.js widget for Yii2

This extension provides the Gridstack.js integration for the Yii2 framework., _(*1)

, _(*2)

Installation

The preferred way to install this extension is through composer., _(*3)

Either run, _(*4)

php composer.phar require --prefer-dist fedemotta/yii2-gridstack "*"

or add, _(*5)

"fedemotta/yii2-gridstack": "*"

to the require section of your composer.json file., _(*6)

Usage

Use Gridstack.js as any other other Yii2 widget., _(*7)

use fedemotta\gridstack\Gridstack;

['class'=>'grid-stack'],
    'clientOptions'=>[
        'cellHeight'=> 80,
        'verticalMargin'=> 10,
    ],
]);?>

=$gridstack->beginWidget(['class'=>'grid-stack-item','data-gs-width'=>"4",'data-gs-height'=>"2",'data-gs-x'=>"0",'data-gs-y'=>"0",]);?>
    <div class="grid-stack-item-content"></div>
=$gridstack->endWidget();?>

=$gridstack->beginWidget(['class'=>'grid-stack-item','data-gs-width'=>"4",'data-gs-height'=>"4",'data-gs-x'=>"4",'data-gs-y'=>"0",]);?>
    <div class="grid-stack-item-content"></div>
=$gridstack->endWidget();?>

You can also use Gridstack.js in the JavaScript layer of your application. To achieve this, you need to include Gridstack as a dependency of your Asset file., _(*8)

public $depends = [
...
'fedemotta\gridstack\GridstackAsset',
...
];