README

Fomantic UI extension for Yii2

Installation

yii2-fomantic-ui 2.* works with Fomantic UI 2.*

Composer

The preferred way to install this extension is through Composer.

Either run

php composer.phar require imaginary/yii2-fomantic-ui "~2"

or add

"imaginary/yii2-fomantic-ui": "~2"

to the require section of your composer.json

Usage

Add CSSAsset 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',
        'icms\FomanticUI\assets\CSSAsset'
    ];
}

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::class, \icms\FomanticUI\widgets\GridView::class);
Yii::$container->set(\yii\widgets\ActiveForm::class, \icms\FomanticUI\widgets\ActiveForm::class);
Yii::$container->set(\yii\bootstrap\ActiveForm::class, \icms\FomanticUI\widgets\ActiveForm::class);
Yii::$container->set(\yii\widgets\Breadcrumbs::class, \icms\FomanticUI\collections\Breadcrumb::class);
Yii::$container->set(\yii\grid\CheckboxColumn::class, \icms\FomanticUI\widgets\CheckboxColumn::class);

Be very careful with it.

Credits

Github repository

Derived from the Yii2-Semantic-UI packages by Aleksandr Zelenin, e-mail: aleksandr@zelenin.me