EventColorPicker

A color picker that displays a list of available event colors which the user can select by using mouse or keyboard. See Schedulers eventColor config for default available colors.

Event color picker
//<code-header>
fiddle.title = 'Event color picker';
//</code-header>
new Button({
    appendTo : targetElement,
    text     : 'Show menu',
    menu     : [
        {
            text      : 'Color',
            icon      : 'fa fa-palette',
            separator : true,
            menu      : {
                colorMenu : {
                    type : 'eventcolorpicker'
                }
            }
        }
    ]
});

new EventColorPicker({
   appendTo : 'container',
   width    : '10em',
   onColorSelected(...args) {
       console.log(...args);
   }
});

Configs

98

Common

listenersEvents

Other

Provide an array of EventModel instances to update their eventColor field

addNoColorItemColorPicker
colorsColorPicker
colorSelectedColorPicker
columnWidget
columnsColorPicker
itemsList
rtlRTL
spanWidget
storeList
titleList

Accessibility

ariaLabelWidget
keyMapKeyMap

CSS

clsWidget
colorWidget
htmlClsWidget
styleWidget
uiWidget

DOM

adoptWidget
appendToWidget
contentWidget
datasetWidget
htmlWidget
idWidget
tagWidget

Float & align

alignWidget
anchorWidget
centeredWidget
draggableWidget
floatingWidget
xWidget
yWidget

Layout

alignSelfWidget
dockWidget
flexWidget
heightWidget
hiddenWidget
marginWidget
maxHeightWidget
maxWidthWidget
minHeightWidget
minWidthWidget
textAlignWidget
weightWidget
widthWidget

Misc

dataFieldWidget
disabledWidget
localeClassLocalizable
localizableLocalizable
maskedWidget
ownerWidget
readOnlyWidget
refWidget
rippleWidget
tabWidget
tooltipWidget

Scrolling

Properties

82

Class hierarchy

isEventColorPicker: Boolean= truereadonly
Identifies an object as an instance of EventColorPicker class, or subclass thereof.
isEventColorPicker: Boolean= truereadonlystatic
Identifies an object as an instance of EventColorPicker class, or subclass thereof.
isColorPickerColorPicker
isDelayableDelayable
isEventsEvents
isKeyMapKeyMap
isListList
isLocalizableLocalizable
isWidgetWidget

Accessibility

keyMapKeyMap

CSS

clsWidget

DOM

appendToWidget
contentWidget
datasetWidget
elementWidget
htmlWidget
idWidget
styleWidget

Float & align

xWidget
yWidget

Layout

alignSelfWidget
flexWidget
heightWidget
marginWidget
maxHeightWidget
maxWidthWidget
minHeightWidget
minWidthWidget
widthWidget

Lifecycle

configBase

Misc

cellInfoWidget
disabledWidget
localeHelperLocalizable
localeManagerLocalizable
readOnlyWidget
refWidget
tabWidget
tooltipWidget

Other

$namestaticWidget
addNoColorItemColorPicker
colorsColorPicker
columnWidget
columnsColorPicker
countList
itemsList
rtlRTL
spanWidget
storeList
titleList
typestaticWidget

Visibility

hiddenWidget
isVisibleWidget

Widget hierarchy

ownerWidget
parentWidget

Functions

65

Configuration

applyDefaultsstaticBase

Events

Float & align

alignToWidget
setXYWidget
showByWidget
toFrontWidget

Lifecycle

createstaticWidget
destroystaticBase
initClassstaticWidget

Misc

attachTooltipstaticWidget
fromElementstaticWidget
fromSelectorstaticWidget
getByIdstaticWidget
isOfTypeNamestaticBase
mixinstaticBase
optionalLstaticLocalizable

Other

composeWidget
createOnFrameDelayable
disableWidget
enableWidget
focusWidget
LstaticLocalizable
maskWidget
onEvents
recomposeWidget
relayAllEvents
triggerEvents
unEvents
unmaskWidget

Selection

selectList

Visibility

hideWidget
showWidget

Widget hierarchy

closestWidget
containsWidget
ownsWidget
queryWidget
queryAllWidget
upWidget

Events

19

Event handlers

19

Typedefs

7

CSS variables

47

Inherited