framework/images/webapp/images/dojox/widget/ColorPicker/ColorPicker.html

<div class="dojoxColorPicker" dojoAttachEvent="onkeypress: _handleKey">
	<div class="dojoxColorPickerBox">
		<div dojoAttachPoint="cursorNode" tabIndex="0" class="dojoxColorPickerPoint"></div>
		<img dojoAttachPoint="colorUnderlay" dojoAttachEvent="onclick: _setPoint" class="dojoxColorPickerUnderlay" src="${_underlay}">
	</div>
	<div class="dojoxHuePicker">
		<div dojoAttachPoint="hueCursorNode" tabIndex="0" 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" dojoAttachEvent="onchange: _colorInputChange">
		<div class="dijitInline dojoxColorPickerRgb" dojoAttachPoint="rgbNode">
			<table>
			<tr><td>${redLabel}</td><td><input dojoAttachPoint="Rval" size="1"></td></tr>
			<tr><td>${greenLabel}</td><td><input dojoAttachPoint="Gval" size="1"></td></tr>
			<tr><td>${blueLabel}</td><td><input dojoAttachPoint="Bval" size="1"></td></tr>
			</table>
		</div>
		<div class="dijitInline dojoxColorPickerHsv" dojoAttachPoint="hsvNode">
			<table>
			<tr><td>${hueLabel}</td><td><input dojoAttachPoint="Hval"size="1"> ${degLabel}</td></tr>
			<tr><td>${saturationLabel}</td><td><input dojoAttachPoint="Sval" size="1"> ${percentSign}</td></tr>
			<tr><td>${valueLabel}</td><td><input dojoAttachPoint="Vval" size="1"> ${percentSign}</td></tr>
			</table>
		</div>
		<div class="dojoxColorPickerHex" dojoAttachPoint="hexNode">	
			${hexLabel}: <input dojoAttachPoint="hexCode, focusNode, valueNode" size="6" class="dojoxColorPickerHexCode">
		</div>
	</div>
</div>