CSS files are not working in server using yii2

Question

I integrated the CSS and JS file in the asset file. On localhost it's working but when I uploaded my project files in cPanel, the UI is breaking. I can't understand where I'm making the mistake, please help me fix these issues.

Inside the backend folder, I uploaded my AdminLTE-2 CSS and JS files in the web folder. In the asset layout file, I gave the path.

backend/assets/loginAsset.php

namespace backend\assets;

use yii\web\AssetBundle;

/**
 * Main backend application asset bundle.
 */
class loginAsset extends AssetBundle
{
    public $basePath = '@webroot';
    public $baseUrl = '@web';
    public $css = [
        'bower_components/bootstrap/dist/css/bootstrap.min.css',
        'bower_components/font-awesome/css/font-awesome.min.css',
        'bower_components/Ionicons/css/ionicons.min.css',
        'css/AdminLTE.min.css',
        'plugins/iCheck/square/blue.css',
        '//fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic',
        //'css/site.css',
    ];

    public $js = [
        '//oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js',
        '//oss.maxcdn.com/respond/1.4.2/respond.min.js',
        'bower_components/jquery/dist/jquery.min.js',
        'bower_components/bootstrap/dist/js/bootstrap.min.js',
        'plugins/iCheck/icheck.min.js',
    ];
    public $depends = [
        //'yii\web\YiiAsset',
        //'yii\bootstrap\BootstrapAsset',
    ];
}

Hi, can you check if file is exists in server and you have permission to read file? (I think its file permission issue) Also make sure your css path inside direction: Asset_Management/backend/web/css/AdminLTE.min.css — Anees Hikmat Abu Hmiad
– Anees Hikmat Abu Hmiad, Commented Feb 17, 2020 at 15:54
localhost also the same folder it's working there but not working and the folder permission also 755 — Jerad Arul
– Jerad Arul, Commented Feb 17, 2020 at 15:59
I find out the issue that is a spelling mistake in server adminlte.min.css but I gave the AdminLTE.min.css — Jerad Arul
– Jerad Arul, Commented Feb 17, 2020 at 16:03
ues, thats true, since its exsits assetman.gunwebhosting.com.au/Asset_Management/backend/web/css/… like this :D — Anees Hikmat Abu Hmiad
– Anees Hikmat Abu Hmiad, Commented Feb 17, 2020 at 16:04

Romi Halasz · Accepted Answer · 2020-02-17 16:35:27Z

1

Depending on your code, the issue is usually one of these scenarios:

File doesn't exist in Asset_Management/backend/web/css/AdminLTE.min.css
File does not have a truth permission.
Maybe you need to add a truth server configuration to handling Asset_Management since by default it must be backend/web/css/AdminLTE.min.css nested of Asset_Management/backend/web/css/AdminLTE.min.css
File Name is wrong, spelling mistake.

edited Feb 17, 2020 at 16:35

Romi Halasz

2,0091 gold badge14 silver badges23 bronze badges

answered Feb 17, 2020 at 16:04

Anees Hikmat Abu Hmiad

3,5602 gold badges23 silver badges39 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Jerad Arul Over a year ago

Yes your correct it's spilling mistake inside the server file name is simple letters but in URL I call capital letters. that is the issues

Zauberbutter · Accepted Answer · 2024-03-14 18:00:14Z

0

There is a fifth reason why you may not have any css. At the top of route\to\your\site\frontend\views\layouts\main.php or route\to\your\site\web\views\layouts\main.php there must be the following:

AppAsset::register($this);

Above this you should “use” the class, so either use frontend\assets\AppAsset; for advanced yii2 or use app\assets\AppAsset; for the yii2 basic. If you don’t register your CSS there is no CSS.

edited Mar 14, 2024 at 18:00

Zauberbutter

1,02211 silver badges32 bronze badges

answered Mar 14, 2024 at 11:29

user9364055

1

Collectives™ on Stack Overflow

CSS files are not working in server using yii2

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related