insolita / yii2-iconpicker
Widget for bootstrap-iconpicker plugin http://victor-valencia.github.io/bootstrap-iconpicker/
Installs: 10 472
Dependents: 2
Suggesters: 0
Security: 0
Stars: 11
Watchers: 4
Forks: 9
Open Issues: 1
Type:yii2-extension
Requires
- bower-asset/eliberty-bootstrap-iconpicker: 1.8.1
- yiisoft/yii2: *
- yiisoft/yii2-bootstrap: *
This package is auto-updated.
Last update: 2024-12-18 03:10:35 UTC
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
FontAwesome 4.7.0 support
Installation
The preferred way to install this extension is through composer.
Either run
composer require --prefer-dist insolita/yii2-iconpicker "^3.0"
or add
"insolita/yii2-iconpicker": "^3.0"
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 by default)
- 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 - native bootstrap glyphicon
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('\insolita\iconpicker\Iconpicker', [ 'iconset'=>'fontawesome', 'clientOptions'=>['rows'=>8,'cols'=>10,'placement'=>'right'], ])->label('Choose icon'); ?>
or without ActiveForm
<?php echo \insolita\iconpicker\Iconpicker::widget([ 'id'=>'choose_icon', 'name'=>'myicon', 'value'=>'glyphicon-cog', 'iconset'=>'glyphicon', 'pickerOptions'=>['class'=>'btn btn-primary'], 'clientOptions'=>['placement'=>'bottom','search'=>false], ]); ?>