Yii 2.0: Tutorial about How to Integrate Yii2 with fantastic theme AdminLTE

14 followers

Yii2 comes with a charming twitter bootstrap version 3. But if it is less, then you can integrate with web templates that you like. One example is wonderfull template "adminLTE"

You can use ready-skeleton on GitHub also.

With Yii2 we can do it easily, the following steps

  • Add your composer.json
"bower-asset/admin-lte": "*"
  • Change your AppAsset.php and check to referring it in your views/layouts/main.php
class AppAsset extends AssetBundle
{
    public $sourcePath = '@bower/';
    public $css = ['admin-lte/css/AdminLTE.css'];
    public $js = ['admin-lte/js/AdminLTE/app.js'];
    public $depends = [
        'yii\web\YiiAsset',
        'yii\bootstrap\BootstrapAsset',
        'yii\bootstrap\BootstrapPluginAsset',
    ];
}
  • Change your views adhering to html markup vendor/bower/admin-lte/pages

Total 6 comments

#18602 report it
YiiJeka at 2014/11/28 03:28am
Issue with yii2 advanced backend theme

@Muhammad Shahzad Tutorial updated. It should solve your problem now.

#18540 report it
Amjad Khan at 2014/11/12 12:15pm
checkbox problem in Gridview of AdminLTE

using this theme if i use checkboxes in gridview then clicking on header checkbox the checkboxs for the remaining records cannot be selected.

#18042 report it
Muhammad Shahzad at 2014/09/01 08:21am
Issue with yii2 advanced backend theme

Hi, I have installed yii2 advanced,and I want to change backend theme. I followed your instruction,but nothing changed, Is there any file where I need to tell yii2 that use adminlte theme?

#17989 report it
m3hr@n at 2014/08/23 07:38am
How about Yii 1

It is fantastic!! could I integrate Yii 1.1.X with fantastic theme AdminLTE? If yes, then how?

#17848 report it
VictorG at 2014/07/29 07:53pm
Demo layout

Very nice!

It would be great if you could write a short article about how you built the layout of the demo.

Thanks for your work!

#17760 report it
ThePr0f3550r at 2014/07/20 07:28pm
Demo

http://www.yii2-heart.hafidmukhlasin.com/

username: admin password: admin

Leave a comment

Please to leave your comment.

Write new article