wkii/yii2-adminlte

AdminLTE theme for Yii2 Framework

Notice

This project is out of maintenance., _(*1)

Recommended use: https://packagist.org/packages/dmstr/yii2-adminlte-asset, _(*2)

Yii2 AdminLTE Asset Bundle

Backend UI for Yii2 Framework, based on AdminLTE v2.x, _(*3)

This package contains an Asset Bundle for Yii 2.0 Framework which registers the CSS files for the AdminLTE user-interface., _(*4)

AdminLTE template require Font Awesome, so must installed composer plugins asset-plugin., _(*5)

composer global require "fxp/composer-asset-plugin:~1.0.0"

Installation

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

To install AdminLTE v2 run:, _(*7)

composer require wkii/yii2-adminlte

Quick Start

Once the extension is installed, you can have a preview by reconfiguring the path mappings of the view component:, _(*8)

For Yii 2 Application Template or Basic Application Template, _(*9)

'components' => [
    'view' => [
         'theme' => [
             'pathMap' => [
                '@app/views' => '@vendor/wkii/yii2-adminlte/example-views/yii2-app'
             ],
         ],
    ],
],

This asset bundle provides sample files for layout and view (see folder example-views/yii2-app), they are Don't modify in the vendor/ folder., _(*10)

Therefore it is recommended to copy the views files into your application views folder and adjust them to your needs., _(*11)

Customization

• Copy files from vendor/wkii/yii2-adminlte/example-views/yii2-app (or other theme) to @app/views.
• Remove the custom view configuration from your application by deleting the path mappings, if you have made them before.
• Edit your views adhering to html markup vendor/almasaeed2010/adminlte/pages

AdminLte Skins

By default the extension uses skin-blue for AdminLTE. You can change it in config file., _(*12)

'components' => [
    'assetManager' => [
        'bundles' => [
            'Wkii\AdminLTE\Asset\AdminLteAsset' => [
                'skin' => 'skin-red',
            ],
        ],
    ],
],

Here is the list of available skins:, _(*13)

"skin-blue",
"skin-blue-light",
"skin-yellow",
"skin-yellow-light",
"skin-green",
"skin-green-light",
"skin-purple",
"skin-purple-light",
"skin-red",
"skin-red-light",
"skin-black",
"skin-black-light

For Menu

Example menu see main-sidebar.php., _(*14)

This Widget is extends yii\widgets\Menu. Menu item add icon attribute. use Font Awesome icon. e.g., _(*15)

['label' => 'Gii', 'url' => ['/gii'], 'icon' =>'fa-gavel']

Layout

Default layout is main.php.
add single single page layout. No sidebar, no control-sidebar, no footer, no content-header, no breadcrumbs. for iframe dialog., _(*16)

Pjax

pjax templates use yiisoft/jquery-pjax. pjax layout is pjax-main.php. It's include pjax-main-content.php. pjax-content.php output only content of div #pjax-container., _(*17)

Use pjax, you can change it in config, _(*18)

'layout' => 'pjax-main',
'components' => [
   // ......
]

Or your Controller add attribute, _(*19)

public $layout='pjax-main';

Controller action example:, _(*20)

    public function actionWelcome()
    {
        if (Yii::$app->request->isPjax) {
            $this->layout = 'pjax-content';
            return $this->render('welcome');
        } else {
            return $this->render('welcome');
        }
    }

Further Information

For AdminLTE documentation, please read
* https://almsaeedstudio.com/themes/AdminLTE/documentation/index.html, _(*21)

For Pjax, please read * https://github.com/yiisoft/jquery-pjax * https://github.com/defunkt/jquery-pjax, _(*22)