Yii2-iro demo

yii2-iro is a widget to choose a color. You can use it in an ActiveForm like any other InputWidget in the Yii 2.0 PHP Framework.

yii2-iro is a wrapper around the excellent iro.js JavaScript color picker, created by James Daniel.

yii2-iro can appear in two modes: inline (directly in the page) or in a popup-dialog that opens when a colored button is clicked.

Inline variant

<?php
use sjaakp\iro\IroWidget;
?>

<?= IroWidget::widget([
    'name' => 'iro1',
    'value' => '#00ff00',
    'popup' => false,
    'clientOptions' => [
        'width' => 180
    ]
]) ?>

Popup variant

<?php

use sjaakp\iro\IroWidget;
?>

<?= IroWidget::widget([
    'name' => 'iro2',
    'value' => '#ff0000',
    'clientOptions' => [
        'width' => 220,
    ],
    // 'popup' => true,   // default
]) ?>

Popup variant with opacity

<?php

use sjaakp\iro\IroWidget;
?>

<?= IroWidget::widget([
    'name' => 'iro3',
    'value' => 'rgba(0, 0, 255, 0.5)',
    'colorFormat' => 'rgbaString',
    'opacity' => true
    'clientOptions' => [
        'width' => 220,
    ],
    // 'popup' => true,   // default
]) ?>