Yii Framework Wiki
Difference between
#4 and
#6 of
Tutorial about How to Integrate Yii2 with fantastic theme AdminLTE
Revision #6 has been created by YiiJeka on Nov 28, 2014, 8:26:12 AM with the memo:
Add link to project yii2+adminLTE. Change install via fxp/composer-asset-plugin.
« previous (#4) next (#7) »
Changes
Title unchanged
Tutorial about How to Integrate Yii2 with fantastic theme AdminLTE
Category unchanged
How-tos
Yii version unchanged
Tags unchanged
yii2, theme, adminLTE
Content changed
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" ](http://almsaeedstudio.com/AdminLTE/
With Yii2 we can do it easily, the following steps
1. Download adminLTE of http://almsaeedstudio.com/AdminLTE/
2. extract to a directory, @ app \ web \
3. Change the folder name becomes "
#### You can use ready-skeleton [on GitHub](https://github.com/almasaeed2010/AdminLTE) also.
With Yii2 we can do it easily, the following steps
- Add your composer.json
```php
"bower-asset/admin-lte"
4.: "*"
```
- Change your `AppAsset.php located in the directory @ app \ assets \
```php
/**
* @link http://www.yiiframework.com/
* @copyright Copyright (c) 2008 Yii Software LLC
* @license http://www.yiiframework.com/license/
*/
namespace backend\assets;
use yii\web\AssetBundle;
/**
* @author Qiang Xue <qiang.xue@gmail.com>
* @since 2.0
*/
` and check to referring it in your `views/layouts/main.php`
```php class AppAsset extends AssetBundle { public $bassourcePath = '@webroot';
public $baseUrl = '@web';
public $css = [
'css/site.css',
bower/';
public $css = ['admin-lte/css/AdminLTE.css', // THIS CHANGE
];
public $js = [
// THIS CHANGE
];
public $depends = [
'yii\web\YiiAsset',
'yii\bootstrap\BootstrapAsset',
];
}
```
5. Finish
Now look at the results :) 'yii\bootstrap\BootstrapPluginAsset',
];
}
```
- Change your views adhering to html markup `vendor/bower/admin-lte/pages`
With Yii2 we can do it easily, the following steps
1. Download adminLTE of http://almsaeedstudio.com/AdminLTE/
2. extract to a directory, @ app \ web \
3. Change the folder name becomes "
#### You can use ready-skeleton [on GitHub](https://github.com/almasaeed2010/AdminLTE) also.
With Yii2 we can do it easily, the following steps
- Add your composer.json
```php
"bower-asset/admin-lte"
4.
```
- Change your `AppAsset.php
```php
/**
* @link http://www.yiiframework.com/
* @copyright Copyright (c) 2008 Yii Software LLC
* @license http://www.yiiframework.com/license/
*/
namespace backend\assets;
use yii\web\AssetBundle;
/**
* @author Qiang Xue <qiang.xue@gmail.com>
* @since 2.0
*/
```php class AppAsset extends AssetBundle { public $
public $baseUrl = '@web';
public $css = [
'css/site.css',
public $css = ['admin-lte/css/AdminLTE.css'
}
```
5. Finish
Now look at the results :)
];
}
```
- Change your views adhering to html markup `vendor/bower/admin-lte/pages`
22 followers
Viewed: 131 924 times
Version: 2.0
Category: How-tos
Written by: ThePr0f3550r
Last updated by: YiiJeka
Created on: Jul 11, 2014
Last updated: 9 years ago
Revisions
View all history-
9 years ago by
YiiJeka Opps .. change link
-
9 years ago by
YiiJeka Add link to project yii2+adminLTE. Chang...
-
9 years ago by
ThePr0f3550r 3
-
9 years ago by
ThePr0f3550r 2