romdim/yii2-bootstrap-material

Composer package for implementing FezVrasta's bootstrap material design in Yii2.

yii2-bootstrap-material

Composer package for implementing FezVrasta's bootstrap material design in Yii2 https://github.com/FezVrasta/bootstrap-material-design, _(*1)

Installation

Either run, _(*2)

composer global require "romdim/yii2-bootstrap-material:dev-master"

Or add, _(*3)

"romdim/yii2-bootstrap-material": "dev-master",

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

You need npm and bower installed in order to use this package. Or you could just use a solution for not having those in your project: - https://github.com/yidas/yii2-bower-asset (Yii 2 official Composer repository solution for Bower Assets) - https://github.com/fxpio/composer-asset-plugin (NPM/Bower Dependency Manager for Composer), _(*5)

There is now another branch called material-0-2-2 which uses the FezVrasta's bootstrap material design Version 0.2.2 which seems better to me right now. You can use this branch by changing dev-master to dev-material-0-2-2 at the above code., _(*6)

Usage

After installation, just add, _(*7)

    public $depends = [
        'yii\web\YiiAsset',
        'romdim\bootstrap\material\BootMaterialCssAsset',
        'romdim\bootstrap\material\BootMaterialJsAsset'
    ];

in your AppAsset, _(*8)

If you want to use the minified versions then, you can add:, _(*9)

$config = [
    ...
    'components' => [
        ...
        'assetManager' => [
            'class' => 'yii\web\AssetManager',
            'appendTimestamp' => true,
            'bundles' => [
                ...
                'romdim\bootstrap\material\BootMaterialCssAsset' => [
                    'css' => [
                        YII_ENV_DEV ? 'css/ripples.css' : 'css/ripples.min.css',
                        YII_ENV_DEV ? 'css/material.css' : 'css/material.min.css',
                    ]
                ],
                'romdim\bootstrap\material\BootMaterialJsAsset' => [
                    'js' => [
                        YII_ENV_DEV ? 'js/ripples.js' : 'js/ripples.min.js',
                        YII_ENV_DEV ? 'js/material.js' : 'js/material.min.js',
                    ]
                ]
                ...
            ]
        ]
        ...
    ]
    ...
]

You should add to the body the following code to have all effects working:, _(*10)

$(function() { $.material.init(); });