README

bootstrap-iconpicker 插件的 Widget http://victor-valencia.github.io/bootstrap-iconpicker/
现在基于更实际的分叉 https://github.com/eliberty/bootstrap-iconpicker
从 https://github.com/Insolita/yii2-iconpicker 分叉而来

安装

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

运行

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

或将以下内容添加到您的 composer.json 文件的 require 部分中。

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

需求

此扩展需要 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

默认字体图标为 Fontawesome

注意！

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

使用方法

扩展安装完成后，只需在代码中使用它即可

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

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