Color Picker for Admin CP Style Properties

OK, a few people mentioned they want this so here goes:
popup color-picker for the Administration Control Panel's Style Properties page
(where you select the colours for your BB style theme(s)).

The hack is extremely easy to install:

1) Download the attachment.

2) Upload colors.gif and picker.php to your forums' /admin/ directory.

3) Open admin/style.php and find:

PHP Code:

        if ($iscolor) {
            echo "20\" onchange=\"updatecolor(this.form.preview$idvalue,this.value,'$idvalue')\" id=\"$idvalue\">\n";
            echo "<input type=\"button\" disabled value=\"              \" id=\"preview$idvalue\" style=\"background-color:$itemarray[replaceword]\">"; 


Replace with:

PHP Code:

        if ($iscolor) {
            echo "20\" onchange=\"updatecolor(this.form.preview$idvalue,this.value,'$idvalue')\" id=\"$idvalue\">\n";
            echo "<input type=\"button\" onclick=\"window.open('picker.php?fieldname=$name&idvalue=$idvalue','color','width=202,height=124,left=539,top=450');\" value=\" Click to Pick \" id=\"preview$idvalue\" style=\"background-color:$itemarray[replaceword]; font-weight: bold\">"; 


Save the file and upload it to /admin/

That's it!

Demonstration

Now, go to your style editor page, and click on any
button next to one of the colour value fields:



When you click on a button next to the color value you
need to fill, a small pop-up window will jump:



For an alternative colour chart, scroll down to post #25

Clicking on any of the colours will immediately fill in its
respective value in the correct field, as well as change
the background colour of the respective button.



Enjoy

Cheers,

Bira

IMPORTANT COMMENT ABOUT BROWSERS:

This hack has been tested and functions on IE 5, 5.5, 6; Netscape 4.7, 6.2, and Opera 6.

HOWEVER, the background color of the buttons will change ONLY in IE. The value will be passed to the form field just fine (you can see the text changing), but the background colour for the button will NOT change (it remains that default beige-grey) in any browser except IE.

I repeat: THE HACK WILL WORK ON ALL BROWSERS. It's only the display that is impared.

[bira]

this has been tested on versions 2.0.1, 2.0.3 and 2.2.1.

[squawell]

this hack is nice!!

when u want to change style that will be useful!

thankz bira!! adn it work!!

[SirSteve]

Works great!

[Crinos]

Hmm, weird, doesn't seem to be working for me ... I followed the instructions to the letter, and uploaded the files ... I can see the "Click to Pick" buttons and when I click on it the color chart pops up ... but when I try and choose a color, it doesn't fill in the RGB info in the field ...

I don't think I installed it wrong, since the instructions are pretty straightforward ....

[bira]

Crinos what browser are you using?

[Crinos]

IE 5.5

[Admin]

Same as Crinos, I can see the pop up, but when clicking on the squares nothing happens.

Love the hack though, it's gonna make life really easier!

[212rikanmofo]

yup same here, installed the hack, but when i pick a color it doesn't change the field. I'm using IE6.

[SirSteve]

Works for me on IE 6...