dijit.ColorPalette

Status:Draft
Version:1.0
Authors:Bill Keese, Nikolai Onken
Developers:?-
Available:since V?

dijit.ColorPalette is a great little tool which provides a color picker for you to use in your application.

Examples

Default color palette

Default color palette, created programatically:

<script type="text/javascript">
   dojo.require("dijit.ColorPalette");
   dojo.addOnLoad(function(){
     var myPalette = new dijit.ColorPalette({
       palette: "7x10",
       onChange: function(val){ alert(val); }
     }, "placeHolder" );
   });
</script>
<span id="placeHolder">this will be replaced</span>

Small color palette

Small color palette, created declaratively:

<script type="text/javascript">
  dojo.require("dijit.ColorPalette");
</script>
<div dojoType="dijit.ColorPalette" onChange="alert(this.value);" palette="3x4"></div>

Accessibility

Keyboard

Action Key
Navigate colors Arrow keys
Pick a color Spacebar or enter

Screen Reader

Screen readers will read the name of each color as it is highlighted. For example, “white”, “seashell”, “cornsilk”, and so on.