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.

[Bison]

Nice ... [Click Install]