Customizing Element IDs and Form Labels in Color Picker

Element ID strings for the Color Picker Control are stored in the YAHOO.widget.ColorPicker.prototype.ID object. We've dumped the full output of that object to the logger to give you a sense of the object's full contents.

For the purposes of this example, we'll override the R, G, and B members of that object. We'll create a new object with those members and then use YAHOO.lang.merge to integrate our new values with the existing object; this will override only the members we specify in the second argument of the merge function:

We can use the same technique to override members of YAHOO.widget.ColorPicker.prototype.TXT for the purposes of customization or internationalization. Again, you can find the full contents of that object dumped to the logger console.

Here, we'll modify the R, G, and B members and change those text strings to "Red", "Green", and "Blue":

Configuration for This Example

You can load the necessary JavaScript and CSS for this example from Yahoo's servers. Click here to load the YUI Dependency Configurator with all of this example's dependencies preconfigured.