Как переопределить стили виджета?

Question

[Антон Рейтаровский]

Здравствуйте есть виджет со своими стилями как мне переопределить его стили своим css файлом подключенным к странице?

Answer 1

[AlikDex]

Можно в кофиге компонент переопределить, делается это так:

'assetManager' => [
        'bundles' => [
            'some\namespace\SomeAsset' => [
                'sourcePath' => '@web/myassets/folder',   // redeclare default folder
                'css' => [
                    'my_widget_style.css',
                    'other_style.css',
                ],
                'js' => [
                ],
                'depends' => [
                ],
            ],
        ],
    ],

Answer 2

[Дмитрий]

Доброе утро.
Всё просто.
Создаёте директорию assets в директории виджета, складываете туда файлы css и создаёте свой WidgetAssets (наследуемый от AssetBundle) где и прописываете файлы ресурсов.

Структура следующая:


Содержимое файла SwitchThemesAsset.php

class SwitchThemesAsset extends AssetBundle
{
	public $css = [
       'css/switchthemes.css'
	];

	public function init()
	{
		$this->sourcePath = __DIR__.'/assets';
		parent::init();
	}
}

Название виджета, как Вы догадываетесь, должно быть Вашим)))

Comments

[Антон Рейтаровский]

Вы меня не правильно поняли. К примеру есть виджет кнопки, у него есть свои стили, сама html кнопка имеет к примеру класс html-button, в стилях виджета есть к этому классу стили, а я хочу подключить этот виджет у себя на странице и подключить свой css файлик к этой странице чтобы в нем изменить стили для класса html-button. Это у меня не получается потому что файлы стилей виджета всегда переопреляют мой css файл который я подключил к странице.

[Дмитрий]

Антон Рейтаровский: Положите свой файл со стилями в css директорию виджета, а в WidgetAssets (наследуемый от AssetBundle) подключите его после основного css файла.

[Антон Рейтаровский]

slo_nik: Виджет не мой а установленный через composer если я его потом обновлю мой css файл удалиться и отключится?

[Дмитрий]

Антон Рейтаровский: Наследуйте WidgetAssets виджета и переопределяйте там стили. Дочерний файл расположите в директории приложения, тогда обновление виджета его не затронет

[Антон Рейтаровский]

slo_nik: А куда мне потом подключить свой widgetAssets?