how to include my css file ?

Yii 2.0 General Discussions
1

hi, I have css file created and I am confuse where to put this in yii and how to call it in yii so that my css file will be render.

Thank you in advance.

2 

/assets/AppAsset.php

There is an array which you need to add the file reference to:


public $css = [

  'css/your-css-file.css',

];
3

Create new YourAssetClass extend yii\web\AssetBundle, example:


namespace app\assets;


class YourAsset extends yii\web\AssetBundle

{

    // your css, js..., see app\assets\AppAsset in basic template for demo

}

then in view:


$this->registerAssetBundle('app\assets\YourAsset');

Hope it help you! :)

4

Thank you for the quick reply… ‘MyAssetClass’ should be put in this directory-> assets/MyAssetClass.php

Thank you.

5

Thank you,so how will you going to call that ? or how can I access that ?..by the way what is the difference between your answer and to Tuan Ho ?

6

In basic template, AppAsset is registed in main layout:


AppAsset::register($this);

it mean if you add your css/js here, your css/js will render in all page (with main layout)

With my solution, you will register your Asset when you need, example in dasboard page you need draw chart (only dasboard page), so you create NewAsset and register it in dasboard view => js/css for draw chart will render in dasboard page only

7

My answer assumed, you are using basic install (which I guess you are if you’re new to yii2), in which case AppAsset is already set up and called in the main layout. His answer assumes you need to create your AppAsset class.

Cheers

Ash