minicolors-colorpicker

Yii Framework Extensions

Createnew extension

Popular Tags

minicolors-colorpicker Yii extension for the miniColors jQuery color chooser plugin

Requirements
Usage
Resources

Simple wrapper extension for the simple and excellent miniColors jQuery color picker plugin

Requirements ¶

Yii 1.1 or above (I assume - built with Yii 1.1.8)

Usage ¶

Extract / checkout these files into the SMiniColors directory under protected/extensions in your Yii project

This extension contains two classes:

SColorPicker Widget ¶

Generates a standard HTML input tag with the ID you specify

$this->widget('ext.SMiniColors.SColorPicker', array(
    'id' => 'myInputId',
    'defaultValue'=>'#000000',
    'hidden'=>false, // defaults to false - can be set to hide the textarea with the hex
    'options' => array(), // jQuery plugin options
    'htmlOptions' => array(), // html attributes
));

SActiveColorPicker Widget ¶

Generates an "Active" HTML input for the CActiveRecord model you specify

$this->widget('ext.SMiniColors.SActiveColorPicker', array(
    'model' => $model,
    'attribute' => 'myModelAttribute',
    'hidden'=>false, // defaults to false - can be set to hide the textarea with the hex
    'options' => array(), // jQuery plugin options
    'htmlOptions' => array(), // html attributes
));

Resources ¶

5 0

8 followers

1 334 downloads

Yii Version: 1.1

License: GPL-2.0

Category: User Interface

Tags: color jquery selector chooser picker

Developed by: thaddeusmt

Created on: Oct 12, 2011

Last updated: 12 years ago

Downloads

SMiniColors-0.2.zip

show all

User Contributed Notes 9

#5447

0 0

nice but ...

Thanks for this nice extension thaddeusmt.

I played a little with it but could get it to attach the color picker icon to a hidden input. To support hidden fields, here is a small modification of your extension.

First, add public member to both ColorPicker classes

public $hidden=false;

Second replace the run() code with :

SColorPicker:

echo ($this->hidden == false ? 
      	CHtml::textField($this->getId(), $this->defaultValue, $this->htmlOptions)
      : CHtml::hiddenField($this->getId(), $this->defaultValue, $this->htmlOptions));

SActiveColorPicker:

echo ($this->hidden == false ?
    	CHtml::activeTextField($this->model, $this->attribute, $this->htmlOptions)
    : CHtml::activeHiddenField($this->model, $this->attribute, $this->htmlOptions));

This is very simple modification, and (tada) : hidden field are available !
ciao

Raoul at Oct 12, 2011, 7:50:13 PM

#5458

0 0

Hidden field option added

Thanks for the tip Raoul, an easy and handy improvement! It's in the 0.2 release now. Cheers

thaddeusmt at Oct 14, 2011, 1:18:39 AM

#5472

0 0

you're welcome !

;)

Raoul at Oct 14, 2011, 5:22:13 PM

#5579

0 0

Example for SActiveColorPicker

$this->widget('ext.SMiniColors.SActiveColorPicker', array(
    'model' => $model,
    'attribute' => 'color_attribute',
    'hidden'=>false, // defaults to false - can be set to hide the textarea with the hex
    'options' => array(), // jQuery plugin options
    'htmlOptions' => array(), // html attributes
));

Clem at Oct 21, 2011, 3:29:26 PM

#5580

0 0

oops, thanks Clem

Had the wrong documentation for the SActiveColorPicker picker. Fixed now! Thanks

thaddeusmt at Oct 21, 2011, 3:43:03 PM

#5615

0 0

SVN

Thank you for this nice extension, it works better and is smaller than some others I've tried.

One minor annoyance : the zip file has .svn folders in it (in the "source" folder), this conflicts with my own subversion settings.

ianaré at Oct 25, 2011, 1:31:52 PM

#6435

0 0

Fix the .svn issues

I removed the version control folders - I think they actually came with the jQuery plugin! Anyway the .zip is clean now. Thanks!

thaddeusmt at Jan 10, 2012, 4:25:54 PM

#14985

0 0

@thaddeusmt

Thanks for the good ext.

Rajith R at Sep 26, 2013, 10:15:54 AM

#15502

0 0

Super

Thanks for this nice extension

yatskanich.sasha at Nov 15, 2013, 10:05:14 PM

Categories

Popular Tags