debug toolbar depends to bootstrap for a correct view.

[gimox]

i disable bootstrap because i'm using a jquery mobile project.
But debug toolbar need Bootstrap for a good view.
So i think is not good add a css framework dependence to debug toolbar.

[qiangxue]

The debugger is a separate module which doesn't affect what css framework the main app is using.
The debug toolbar (the toolbar on the bottom) doesn't use any css/js framework.

[gimox]

This is not true.
Try this:
Disable bootstrap dependance in appasset and try the toolbar
Or for strong result disable bootstrap and enable foundation or jq mobile and take a look at some debugger page.

[qiangxue]

The debugger uses its own layout view. It doesn't use AppAsset (it has no knowledge about it at all). How will changing AppAsset affect the rendering of the debugger pages? Did you make any other changes that would cause change of debugger views?

[gimox]

no other change this is my appAsset

namespace frontend\config;

use yii\web\AssetBundle;

class AppAsset extends AssetBundle
{
    public $basePath = '@webroot';
    public $baseUrl = '@web';
    public $css = array(

        'jqmobile/jquery.mobile-1.4.0-beta.1.min.css',
        'jqmobile/jquery.mobile.theme-1.4.0-beta.1.css',
        'jqmobile/jquery.mobile.inline-svg-1.4.0-beta.1.css',
        'jqmobile/jquery.mobile.structure-1.4.0-beta.1.min.css',
        'css/site.css',

    );
    public $js = array(
         'jqmobile/jquery.mobile-1.4.0-beta.1.min.js',
         'js/modernizr.js',
         'js/starter.js',
    );
    public $depends = array(
        'yii\web\YiiAsset',
    //  'yii\bootstrap\BootstrapAsset',
    );
}

i commented the bootstrap asset and added Jquery Mobile.
Now the debug scrren use Jquery Mobile Css and asset.

[klimov-paul]

Unable to reproduce.
Disabling bootstrap over entire application does not affect toolbar appearance or debug module appearance.

[gimox]

ok. the toolbar at the bottom, look good but with font i embedded in my main layout. The content is rendered with jquery mobile. ( the problem is not the toolbar itself but the content)

[samdark]

So the issue is that in debugger view you custom packages are applied. Correct?

[gimox]

yes, it's not a big problem but i think is good that debuger is indipendent. Now with jquery mobile is not so horrible and i can read everythink but i think that other people can use foundation or other framework and the debug can be unreadeable.
For example symfony as a debug toolbar that is completly indipendet to the page asset. I think this is the best.

[samdark]

OK. Overall when running debug module we should remove all app assets.

[gimox]

or add bootstrap only for debug view.
Boostrap is in yii2.

[cebe]

Where are you registering your assetbundle? This should be done in the main layout file so that gii can use its own layout and have own asset bundle registered.

[gimox]

I register my project bundle in main layout.
Gii work perfect.
Debug use bundle layout

[qiangxue]

Does the HTML code of the debug view contain any js/css files that should be registered by AppAsset? Please do a global search for AppAsset to make sure it is only registered within your main app.

[gimox]

I m sure. I register the asset in man only.
It s very simple reproduce the problem

[qiangxue]

Use the "basic" app as an example. The HTML source of the debug view doesn't contain the "site.css" file in AppAsset. So I'm wondering how AppAsset would affect the debug view.

[cebe]

I am also unable to reproduce the problem. Can you try reporoduce it on a fresh basic app?

[alarcl]

Cant reproduce it too. Comment all assets in sample app and make simple first page without asset register, make error in php code - all ok with yii error page.

[qiangxue]

Closed unless further information about how to reproduce the issue is provided.

[gimox]

I m very busy tomorrow i send dome info about it

[thelfensdrfer]

I am having the same issue and it is very simple why. I disable bootstrap in my config because i compile it with a custom theme:

'assetManager' => [
    'bundles' => [
        'yii\bootstrap\BootstrapAsset' => [
             'css' => [],
        ],
    ],
],

This is the reason the toolbar looks "ugly". Not a big problem for me either, but would be nice to create a workaround.

[qiangxue]

@thelfensdrfer This is caused by #1263