--- /dev/null
+<div class="dojoxColorPicker">
+ <div class="dojoxColorPickerBox">
+ <div dojoAttachPoint="cursorNode" class="dojoxColorPickerPoint"></div>
+ <img dojoAttachPoint="colorUnderlay" dojoAttachEvent="onclick: _setPoint" class="dojoxColorPickerUnderlay" src="${_underlay}">
+ </div>
+ <div class="dojoxHuePicker">
+ <div dojoAttachPoint="hueCursorNode" class="dojoxHuePickerPoint"></div>
+ <div dojoAttachPoint="hueNode" class="dojoxHuePickerUnderlay" dojoAttachEvent="onclick: _setHuePoint"></div>
+ </div>
+ <div dojoAttachPoint="previewNode" class="dojoxColorPickerPreview"></div>
+ <div dojoAttachPoint="safePreviewNode" class="dojoxColorPickerWebSafePreview"></div>
+ <div class="dojoxColorPickerOptional">
+ <div class="dijitInline dojoxColorPickerRgb" dojoAttachPoint="rgbNode">
+ <table>
+ <tr><td>r</td><td><input dojoAttachPoint="Rval" size="1"></td></tr>
+ <tr><td>g</td><td><input dojoAttachPoint="Gval" size="1"></td></tr>
+ <tr><td>b</td><td><input dojoAttachPoint="Bval" size="1"></td></tr>
+ </table>
+ </div>
+ <div class="dijitInline dojoxColorPickerHsv" dojoAttachPoint="hsvNode">
+ <table>
+ <tr><td>h</td><td><input dojoAttachPoint="Hval"size="1"> °</td></tr>
+ <tr><td>s</td><td><input dojoAttachPoint="Sval" size="1"> %</td></tr>
+ <tr><td>v</td><td><input dojoAttachPoint="Vval" size="1"> %</td></tr>
+ </table>
+ </div>
+ <div class="dojoxColorPickerHex" dojoAttachPoint="hexNode">
+ hex: <input dojoAttachPoint="hexCode, focusNode" size="6" class="dojoxColorPickerHexCode">
+ </div>
+ </div>
+</div>