Виджет формы для выбора цвета.

Виджет формы для выбора цвета.


Семенов Александр Сергеевич

Установить Демо

An enhanced Yii 2 widget encapsulating the HTML 5 color input (sub repo split from yii2-widgets)

@разработчик решения

Время публикации: вторник, 21 июля 2015 г. (2 года назад)

Добавил: Семенов Александр Сергеевич

Категория: Прочее

Актуальная версия: dev-master
07 февр. 2018 г., 14:44:04 (3 месяца назад)

Packagist: kartik-v/yii2-widget-colorinput

: https://github.com/kartik-v/yii2-widget-colorinput

: 722130 (За месяц: 33147)

Тип: Компонент


Latest Stable Version License Total Downloads Monthly Downloads Daily Downloads

The ColorInput widget is an advanced ColorPicker input styled for Bootstrap. It uses a combination of the HTML5 color input and/or the JQuery Spectrum Plugin for rendering the color picker. You can use the Native HTML5 color input by setting the useNative option to true. Else, the Spectrum plugin polyfills for unsupported browser versions.

  • Specially styled for Bootstrap 3.0 with customizable caption showing the output of the control.
  • Ability to prepend and append addons.
  • Allow the input to be changed both via the control or the text box.
  • The Spectrum plugin automatically polyfills the HTML5 color input for unsupported browser versions.

NOTE: This extension is a sub repo split of yii2-widgets. The split has been done since 08-Nov-2014 to allow developers to install this specific widget in isolation if needed. One can also use the extension the previous way with the whole suite of yii2-widgets.


The preferred way to install this extension is through composer. Check the composer.json for this extension’s requirements and dependencies. Read this web tip /wiki on setting the minimum-stability settings for your application’s composer.json.

To install, either run

$ php composer.phar require kartik-v/yii2-widget-colorinput "*"

or add

"kartik-v/yii2-widget-colorinput": "*"

to the require section of your composer.json file.

Latest Release

NOTE: The latest version of the module is v1.0.3. Refer the CHANGE LOG for details.


You can refer detailed documentation and demos on usage of the extension.


use kartik\color\ColorInput;

// Usage with ActiveForm and model
echo $form->field($model, 'color')->widget(ColorInput::classname(), [
    'options' => ['placeholder' => 'Select color ...'],

// With model & without ActiveForm
echo '<label class="control-label">Select Color</label>';
echo ColorInput::widget([
    'model' => $model,
    'attribute' => 'saturation',


yii2-widget-colorinput is released under the BSD 3-Clause License. See the bundled LICENSE.md for details.

Все комментарии (0)
Нет комментариев

dev-master — 07 февр. 2018 г., 14:44:04 (3 месяца назад)

v1.0.3 — 14 янв. 2016 г., 14:15:49 (2 года назад)

v1.0.2 — 27 дек. 2015 г., 19:47:58 (2 года назад)

v1.0.1 — 22 нояб. 2015 г., 9:32:23 (2 года назад)

v1.0.0 — 09 нояб. 2014 г., 0:10:18 (3 года назад)

Стандартная установка:

Добавьте composer.json файл вашего проекта:

"kartik-v/yii2-widget-colorinput": "*"

Запустите обновление зависимостей

Читать про обнолвение SkeekS CMS