Open Exchange
Global Masters
Home / Class Reference / ENSLIB namespace / %DeepSee.Component.styleEdit
Private  Storage   


class %DeepSee.Component.styleEdit extends

Style edit control.
This provides a way to edit CSS styling for text elements. The value for this control is a css style string.


Parameters Properties Methods Queries Indices ForeignKeys Triggers
2 8 24


%condition %import %includeFiles %page
%resource align aux caption
clientType colorSetCaptions colorSetNames colorSets
composite containerStyle controlClass controlStyle
currColorSet dataBinding disabled dragEnabled
dropEnabled enclosingClass enclosingStyle error
features height hidden hint
hintClass hintStyle id index
invalid invalidMessage isDropdownVisible label
labelClass labelDisabledClass labelStyle mode
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 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
adjustDropdownPosition colorSetChange customColorChange dragFinishHandler
dragHandler dragNotifyHandler dragStartHandler dropHandler
dropStartHandler exposeComponent findElement fireOnUpdateEvent
focus formatValue getColorSet getColorTableHTML
getDisabled getDragData getDropDownDiv getEnclosingDiv
getForm getHidden getHintElement getInvalidReason
getLabelElement getProperty getReadOnly getSettings
getType getValue hideDropDown invokeSuper
isModified isOfType isValid makeId
normalizeValue onCreate onDelete onDisplayHandler
onEndModalHandler onPopupAction onRefreshContents onSerialize
onStartModalHandler onchangeHandler onloadHandler onresizeHandler
onunloadHandler onupdateHandler parseStyle refreshContents
render renderContents renderDropdown renderSVG
resetStyles reveal select selectColor
selectFont selectFontSize setDisabled setHidden
setOverlayMode setProperty setReadOnly setStyle
setValue showDropdown startProgressBar stopProgressBar
sysName textAlign textStyle unformatValue


Subclasses can set this to change default enclosingClass used for this component.
• parameter NAMESPACE = "http://www.intersystems.com/deepsee";
This is the XML namespace used for library components.


• property caption as %ZEN.Datatype.caption;
Caption to display when in "color" mode.
• property colorSetCaptions as list of %ZEN.Datatype.string(XMLPROJECTION="none");
Captions of color sets.
• property colorSetNames as list of %ZEN.Datatype.string(XMLPROJECTION="none");
Logical names of color sets.
• property colorSets as list of %ZEN.Datatype.string(XMLPROJECTION="none");
List of ;-delimited color set values for drop down.
• property currColorSet as %ZEN.Datatype.string(XMLPROJECTION="none");
Current color set.
• property features as %ZEN.Datatype.csv;
Set of features to display when in "style" mode: These include: "font", "background", "color", "align", "reset".
• property isDropdownVisible as %ZEN.Datatype.boolean(XMLPROJECTION="none") [ InitialExpression = 0 ];
Internal use only; client flag used to track if the dropdown is visible.
• property mode as %ZEN.Datatype.string(VALUELIST=",style,color") [ InitialExpression = "style" ];
Operating mode of the control.
"style" (the default) edit a css style spec.
"color" edit a single color value.


• 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 adjustDropdownPosition() [ Language = javascript ]
Adjust the placement and size of the dropdown box based on current screen geometry and scrolling conditions.
• method colorSetChange(which) [ Language = javascript ]
Change the displayed color set.
• method customColorChange(which) [ Language = javascript ]
• method getColorSet() [ Language = javascript ]
Return an array of (arrays of) the current color set.
• method getColorTableHTML(which) [ Language = javascript ]
Return a HTML for the table of color choices for the current color set.
• method getDropDownDiv() [ Language = javascript ]
Find the div element used to display the dropdown box.
• method hideDropDown() [ Language = javascript ]
Show the drop down.
• method onEndModalHandler(zindex) [ Language = javascript ]
Notification that this component is about to stop being modal.
• method onStartModalHandler(zindex) [ Language = javascript ]
Notification that this component is about to become modal.
• method onresizeHandler() [ Language = javascript ]
• method parseStyle(style) [ Language = javascript ]
Split a css value into the style values supported by this control. Return an object containing these values.
• method renderContents() [ Language = javascript ]
Client-side method to render this control.
• method renderDropdown() [ Language = javascript ]
Show the drop down contents.
• method resetStyles() [ Language = javascript ]
Clear the styles
• method reveal() [ Language = javascript ]
Timer handler for hide/reveal of drop down.
• method selectColor(which, color) [ Language = javascript ]
Select color in drop down.
• method selectFont(which, font) [ Language = javascript ]
Select font in drop down.
• method selectFontSize(which, size) [ Language = javascript ]
Select font size in drop down.
• method setProperty(property, value, value2) [ Language = javascript ]
Set the value of a named property.
• method setStyle(style, value) [ Language = javascript ]
Set a specific css value into the style values supported by this control.
• method showDropdown(which) [ Language = javascript ]
Show the drop down.
• method textAlign(which) [ Language = javascript ]
Set text align.
• method textStyle(which) [ Language = javascript ]
Toggle text style.