cinghie/yii2-iconpicker

Yii2 Widget wrapper for bootstrap-iconpicker plugin http://victor-valencia.github.io/bootstrap-iconpicker/

3.0.0 2017-06-27 17:27 UTC

Requires

• bower-asset/eliberty-bootstrap-iconpicker: 1.8.1
• yiisoft/yii2: *
• yiisoft/yii2-bootstrap: *

MIT

• insolita

• extension
• yii2

README

Widget for bootstrap-iconpicker plugin http://victor-valencia.github.io/bootstrap-iconpicker/
Now based on more actual fork https://github.com/eliberty/bootstrap-iconpicker
Forked from https://github.com/Insolita/yii2-iconpicker

Installation

The preferred way to install this extension is through composer.

Either run

composer require --prefer-dist  cinghie/yii2-iconpicker "^3.0.1"

or add

"cinghie/yii2-iconpicker": "^3.0.1"

to the require section of your composer.json file.

Requirements

This extension require twitter-bootstrap > 3.0

You can use it for:

• glyphicon (with bootstrap)
• ionicon https://packagist.org/packages/rmrevin/yii2-ionicon
• fontawesome https://packagist.org/packages/rmrevin/yii2-fontawesome
• weathericon https://github.com/erikflowers/weather-icons
• mapicon
• octicon https://github.com/github/octicons
• typicon https://github.com/stephenhutchings/typicons.font
• elusiveicon https://github.com/reduxframework/elusive-icons
• materialdesign https://packagist.org/packages/mervick/yii2-material-design-icons

By Default Fontawesome icons

NOTE!

This extension not provide assets for icon source - you can setup and register it`s in view separately You can create needed assets, or direct include css of icon fonts from folder @bower/eliberty-bootstrap-iconpicker/icon-fonts

Usage

Once the extension is installed, simply use it in your code by :

<?= $form->field($model, 'icon')->widget('\cinghie\iconpicker\Iconpicker', [
    'iconset' => 'fontawesome',
    'clientOptions' => [
   	    'rows' => 8,  
   	    'cols'=>10,  
   	    'placement' => 'right'
    ]
])->label('Choose icon') ?>

or without ActiveForm

<?php
    echo \cinghie\iconpicker\Iconpicker::widget([
        'id' => 'choose_icon',
        'name' => 'myicon',
        'value' => 'glyphicon-cog',
        'iconset' => 'fontawesome',  
        'clientOptions' => [  
        	'placement' => 'bottom',  
        	'search' => false
        ],
        'pickerOptions' => [
            'class'=>'btn btn-primary'
        ]
    ]);
?>