Home > Class Reference > ENSLIB namespace > %ZEN.Component.colorPicker
Private  Storage   


class %ZEN.Component.colorPicker extends control

A simple color selection control.
This displays a set of cells of different colors, as specified by the colorList property.
The value of the control is the most recently selected color.


Parameters Properties Methods Queries Indices ForeignKeys Triggers
1 4 3


%condition %import %includeFiles %page
%resource align aux cellWidth
cellsPerRow clientType colorList composite
containerStyle controlClass controlStyle dataBinding
disabled dragEnabled dropEnabled enclosingClass
enclosingStyle error height hidden
hint hintClass hintStyle id
index invalid invalidMessage label
labelClass labelDisabledClass labelStyle name
onafterdrag onbeforedrag onblur onchange
onclick ondblclick ondrag ondrop
onfocus onhide onkeydown onkeypress
onkeyup onmousedown onmouseout onmouseover
onmouseup onrefresh onshow onsubmit
ontouchend ontouchmove ontouchstart onupdate
onvalidate originalValue palette parent
readOnly required requiredMessage showLabel
slice tabIndex title tuple
valign value visible width

%AddToSaveSet %Attr %BindExport %ClassIsLatestVersion
%ClassName %ConstructClone %DispatchClassMethod %DispatchGetModified
%DispatchGetProperty %DispatchMethod %DispatchSetModified %DispatchSetMultidimProperty
%DispatchSetProperty %DrawComponentHTML %DrawHTML %DrawJSStrings
%EnclosingDivId %Eval %EvalC %Extends
%ForceClientRender %GetEventHandlers %GetForm %GetParameter
%GetXMLName %IsA %IsModified %MakeId
%Name %New %NormalizeObject %ObjectModified
%OnAddToPageAfter %OnAddToPageBefore %OnDrawEnclosingDiv %OnDrawObjectProperties
%OnObjectSynch %OnZENDeserialize %OriginalNamespace %PackageName
%QuoteValue %QuoteValueL10N %RemoveFromSaveSet %Self
%SerializeObject %SetDefaultValues %SetModified %ValidateObject
XMLDTD XMLExport XMLExportToStream XMLExportToString
XMLNew XMLSchema XMLSchemaNamespace XMLSchemaType
dragFinishHandler dragHandler dragNotifyHandler dragStartHandler
dropHandler dropStartHandler exposeComponent findElement
fireOnUpdateEvent focus formatValue getDisabled
getDragData getEnclosingDiv getForm getHidden
getHintElement getInvalidReason getLabelElement getProperty
getReadOnly getSettings getType getValue
invokeSuper isModified isOfType isValid
makeId normalizeValue onCreate onDelete
onDisplayHandler onEndModalHandler onPopupAction onRefreshContents
onSerialize onStartModalHandler onchangeHandler onloadHandler
onunloadHandler onupdateHandler refreshContents render
renderContents renderSVG select selectColor
setDisabled setHidden setOverlayMode setProperty
setReadOnly setValue startProgressBar stopProgressBar
sysName unformatValue validationHandler


• parameter SYSMODULE;
Do not include in "form" module.


• property cellWidth as %ZEN.Datatype.integer [ InitialExpression = 20 ];
Width of color cells.
• property cellsPerRow as %ZEN.Datatype.integer [ InitialExpression = 16 ];
Number of color cells in one row.
• property colorList as %ZEN.Datatype.csv;
Comma-delimited list of CSS color values displayed within the control.
• property palette as %ZEN.Datatype.string(VALUELIST=",basic,expanded") [ InitialExpression = "basic" ];
Optional. Choose a more extensive set of colors to display.


• method %DrawHTML()
Static HTML display method: draw the BODY of this component as HTML.
Subclasses implement this in order to render the static HTML contents of a component.
• method selectColor(color, notify) [ Language = javascript ]
User has selected a color. If notify is true invoke onchange notification.
• method setProperty(property, value, value2) [ Language = javascript ]
Set the value of a named property.