Example of Specifying Custom Labels and Element IDs for Color Picker

The Color Picker below looks much like the pickers in other examples. However, two changes have been made:

  1. Element IDs have been customized: Color Picker uses a default set of element IDs when it creates the DOM for your picker instance. If you want to control those IDs, you may need to change these defaults. (In addition to the method described here, you can also pass in new IDs via the constructor; see the Customizing Element IDs section of the Color Picker User's Guide.
  2. Form labels have been customized: Instead of R, G, and B, we're using here the strings "Red", "Green", and "Blue". This illustrates the technique you might use to translate your Color Picker interface into multiple languages.