ColorField
Field that displays a CSS color and lets the user select from a pre-defined range of CSS colors.
Color field
//<code-header>
fiddle.title = 'Color field';
//</code-header>
new ColorField({
labelPosition : 'above',
label : 'Color',
appendTo : targetElement
});Configs
115
Configs
115Other
Adds an option in the picker to set no background color
The colors property can be an array of string CSS colors or of objects with color
and text properties from which the user can chose from. This will override the
pickers default colors.
Provide an array of string CSS colors:
new ColorField({
colors : ['#00FFFF', '#F0FFFF', '#89CFF0', '#0000FF', '#7393B3']
});
autoSelectField
callOnFunctionsWidget
clearableField
columnWidget
keyStrokeChangeDelayField
nameField
placeholderField
readOnlyField
renditionTextField
requiredField
revertOnEscapeField
rtlRTL
skipValidationField
spanWidget
triggersField
valueField
DOM
adoptWidget
appendToWidget
contentWidget
datasetWidget
htmlWidget
idWidget
insertBeforeWidget
insertFirstWidget
tagWidget
titleWidget
Float & align
alignWidget
anchorWidget
centeredWidget
constrainToWidget
draggableWidget
floatingWidget
hideAnimationWidget
maximizeOnMobileWidget
positionedWidget
scrollActionWidget
showAnimationWidget
xWidget
yWidget
Input element
autoCompleteField
inputAlignField
inputAttributesField
inputTagField
inputTypeField
inputWidthField
spellCheckField
tabIndexField
validateOnInputField
Label
hintField
hintHtmlField
labelLabelable
labelClsLabelable
labelPositionLabelable
labelsField
labelWidthLabelable
Layout
alignSelfWidget
dockWidget
flexWidget
heightWidget
hiddenWidget
marginWidget
maxHeightWidget
maxWidthWidget
minHeightWidget
minWidthWidget
textAlignWidget
weightWidget
widthWidget
Misc
badgeBadge
bubbleEventsEvents
dataFieldWidget
defaultBindPropertyWidget
disabledWidget
elementAttributesWidget
ignoreParentReadOnlyWidget
localeClassLocalizable
localizableLocalizable
localizablePropertiesLocalizable
maskDefaultsWidget
maskedWidget
monitorResizeWidget
ownerWidget
preventTooltipOnTouchWidget
refWidget
rippleWidget
rootElementWidget
showTooltipWhenDisabledWidget
tabWidget
tooltipWidget
Scrolling
scrollableWidget
Properties
90
Properties
90Class hierarchy
Identifies an object as an instance of ColorField class, or subclass thereof.
Identifies an object as an instance of ColorField class, or subclass thereof.
isBadgeBadge
isDelayableDelayable
isEventsEvents
isFieldField
isFormulaFieldFormulaField
isKeyMapKeyMap
isLabelableLabelable
isLocalizableLocalizable
isPickerFieldPickerField
isRTLRTL
isTextFieldTextField
isValidatableValidatable
isWidgetWidget
Other
Adds an option in the picker to set no background color
The colors property can be an array of string CSS colors or of objects with color
and text properties from which the user can chose from. This will override the
pickers default colors.
Provide an array of string CSS colors:
new ColorField({
colors : ['#00FFFF', '#F0FFFF', '#89CFF0', '#0000FF', '#7393B3']
});
columnWidget
editableField
formulaFormulaField
inputField
isEmptyField
isEmptyInputField
isValidField
placeholderField
readOnlyField
renditionTextField
requiredField
rtlRTL
spanWidget
triggersField
valueField
CSS
clsWidget
DOM
appendToWidget
contentWidget
contentElementWidget
datasetWidget
elementWidget
focusableElementWidget
focusElementWidget
htmlWidget
idWidget
insertBeforeWidget
insertFirstWidget
overflowElementWidget
styleWidget
Layout
alignSelfWidget
flexWidget
heightWidget
marginWidget
maxHeightWidget
maxWidthWidget
minHeightWidget
minWidthWidget
scrollableWidget
widthWidget
Misc
badgeBadge
callOnFunctionsEvents
cellInfoWidget
disabledWidget
errorTipValidatable
labelLabelable
localeHelperLocalizable
localeManagerLocalizable
refWidget
tabWidget
tooltipWidget
Picker
pickerPickerField
Functions
67
Functions
67Configuration
Events
detachListenersBase
Misc
animatePropertyBase
callbackBase
downloadTestCaseBase
resolveCallbackBase
updateLocalizationLocalizable
Other
addListenerEvents
announceAriaLiveWidget
clearField
clearErrorValidatable
composeWidget
createOnFrameDelayable
disableWidget
enableWidget
exitFullscreenWidget
focusWidget
getErrorsValidatable
hasListenerEvents
maskWidget
onEvents
recomposeWidget
relayAllEvents
removeAllListenersEvents
removeListenerEvents
requestFullscreenWidget
resumeEventsEvents
revertFocusWidget
selectField
setErrorValidatable
suspendEventsEvents
syncInputFieldValueField
triggerEvents
unEvents
unmaskWidget
Widget hierarchy
closestWidget
containsWidget
eachAncestorWidget
eachWidgetPickerField
ownsWidget
queryWidget
queryAllWidget
upWidget
Events
19
Events
19actionField
beforeDestroyEvents
beforeHideWidget
beforeShowWidget
catchAllEvents
changeField
clearField
destroyEvents
elementCreatedWidget
focusInWidget
focusOutWidget
hideWidget
inputField
paintWidget
readOnlyWidget
recomposeWidget
resizeWidget
showWidget
triggerField
Event handlers
19
Event handlers
19onActionField
onBeforeDestroyEvents
onBeforeHideWidget
onBeforeShowWidget
onCatchAllEvents
onChangeField
onClearField
onDestroyEvents
onElementCreatedWidget
onFocusInWidget
onFocusOutWidget
onHideWidget
onInputField
onPaintWidget
onReadOnlyWidget
onRecomposeWidget
onResizeWidget
onShowWidget
onTriggerField
Typedefs
7
Typedefs
7AlignSpecWidget
BryntumListenerConfigEvents
CellWidgetContextWidget
ColorWidget
DelayableConfigDelayable
FieldTriggerConfigField
KeyMapConfigKeyMap