Yii2 Semantic UI extension
Semantic UI extension for Yii2
Installation
yii2-semantic-ui 2.* works with Semantic UI 2.*
Composer
The preferred way to install this extension is through Composer.
Either run
php composer.phar require zelenin/yii2-semantic-ui "~2"
or add
"zelenin/yii2-semantic-ui": "~2"
to the require section of your composer.json
Usage
Add SemanticUICSSAsset to AppAsset:
<?php
namespace backend\assets;
use yii\web\AssetBundle;
class AppAsset extends AssetBundle
{
public $basePath = '@webroot';
public $baseUrl = '@web';
public $css = [];
public $js = [];
public $depends = [
'yii\web\YiiAsset',
'yii\web\JqueryAsset',
'Zelenin\yii\SemanticUI\assets\SemanticUICSSAsset'
];
}
Use Semantic UI widgets and elements. Standard Yii2 widgets also adopted.
You may replace yii2 standard widgets. Write in bootstrap.php:
Yii::$container->set(\yii\grid\GridView::className(), \Zelenin\yii\SemanticUI\widgets\GridView::className());
Yii::$container->set(\yii\widgets\ActiveForm::className(), \Zelenin\yii\SemanticUI\widgets\ActiveForm::className());
Yii::$container->set(\yii\bootstrap\ActiveForm::className(), \Zelenin\yii\SemanticUI\widgets\ActiveForm::className());
Yii::$container->set(\yii\widgets\Breadcrumbs::className(), \Zelenin\yii\SemanticUI\collections\Breadcrumb::className());
Yii::$container->set(\yii\grid\CheckboxColumn::className(), \Zelenin\yii\SemanticUI\widgets\CheckboxColumn::className());
Be very careful with it.
Author
Aleksandr Zelenin, e-mail: aleksandr@zelenin.me