Backend theme for Yii2 Framework
Backend UI for Yii2 Framework, based on AdminLTE
This package contains an Asset Bundle for Yii 2.0 Framework which registers the CSS files for the AdminLTE user-interface.
The CSS files are installed via Yii's recommended usage of the
The preferred way to install this extension is through composer.
To install AdminLTE v2 run:
php composer.phar require zc/yii2-adminlte-asset "2.*"
To install AdminLTE v1 run:
php composer.phar require zc/yii2-adminlte-asset "1.*"
Once the extension is installed, you can have a preview by reconfiguring the path mappings of the view component:
'components' => [ 'view' => [ 'theme' => [ 'pathMap' => [ '@app/views' => '@vendor/zc/yii2-adminlte-asset/example-views/yiisoft/yii2-app' ], ], ], ],
For Phundament 4
'components' => [ 'view' => [ 'theme' => [ 'pathMap' => [ '@app/views' => '@vendor/zc/yii2-adminlte-asset/example-views/phundament/app' ], ], ], ],
This asset bundle provides sample files for layout and view (see folder
examples/), they are not meant to be customized directly in the
Therefore it is recommended to copy the views into your application and adjust them to your needs.
- Copy files from
vendor/dmstr/yii2-adminlte-asset/example-views/yiisoft/yii2-app(or other theme) to
- Remove the custom
viewconfiguration from your application by deleting the path mappings, if you have made them before.
- Edit your views adhering to html markup
By default the extension uses blue skin for AdminLTE. You can change it in config file.
'components' => [ 'assetManager' => [ 'bundles' => [ 'dmstr\web\AdminLteAsset' => [ 'skin' => 'skin-black', ], ], ], ],
And then just replace class of body
skin-blue. You can use
AdminLteHelper::skinClass() if you don't want to alter every view file when you change skin color.
<body class="<?= \dmstr\helpers\AdminLteHelper::skinClass() ?>">
AdminLteHelper::skinClass() only if you override the skin through configuration. Otherwise you will not get the correct css class of body.
Here is the list of available skins:
"skin-blue", "skin-black", "skin-red", "skin-yellow", "skin-purple", "skin-green", "skin-blue-light", "skin-black-light", "skin-red-light", "skin-yellow-light", "skin-purple-light", "skin-green-light"
If you want to use native DOM of headers AdminLTE
<h1> About <small>static page</small> </h1>
then you can follow the code:
/* @var $this yii\web\View */ $this->params['breadcrumbs'] = 'About'; $this->beginBlock('content-header'); ?> About <small>static page</small> <?php $this->endBlock(); ?> <div class="site-about"> <p> This is the About page. You may modify the following file to customize its content: </p> <code><?= __FILE__ ?></code> </div>
For AdminLTE documentation, please read https://almsaeedstudio.com/themes/AdminLTE/documentation/index.html
Namespacing rules follow the Yii 2.0 framework structure, eg.
dmstr\webfor the Asset Bundle.