README

bootstrap-iconpicker 插件的小部件 http://victor-valencia.github.io/bootstrap-iconpicker/

现在基于更实际的分支 https://github.com/eliberty/bootstrap-iconpicker

支持 FontAwesome 4.7.0

安装

安装此扩展的首选方式是通过 composer。

运行以下命令

composer require --prefer-dist insolita/yii2-iconpicker "^3.0"

或者添加

"insolita/yii2-iconpicker": "^3.0"

到您的 composer.json 文件的 require 部分中。

要求

此扩展需要 twitter-bootstrap >3.0。您可以使用它来

glyphicon（默认使用 bootstrap）
ionicon https://packagist.org.cn/packages/rmrevin/yii2-ionicon
fontawesome https://packagist.org.cn/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.cn/packages/mervick/yii2-material-design-icons

默认情况下 - 原生 bootstrap glyphicon

注意！

此扩展不提供图标源的资产 - 您可以在视图中单独设置和注册它。您可以创建所需的资产，或直接包含来自文件夹 @bower/eliberty-bootstrap-iconpicker/icon-fonts 的图标字体的 CSS。

用法

安装扩展后，只需在您的代码中简单使用它即可

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

或无需 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],
   ]);
?>

insolita / yii2-iconpicker

维护者

详细信息

README

安装

要求

注意！

用法