Classes
AddedRemovedEvent
AlertElement
AnchorContainerElement
ArrowShape
ButtonElement
CanvasElement
CanvasManager
CheckboxElement
CheckboxSkinElement
CollectionChangedEvent
CollectionSort
ColorPickerButtonElement
ColorPickerElement
ContainerBaseElement
CursorDefinition
DataGridColumnDefinition
DataGridDataRenderer
DataGridElement
DataGridHeaderColumnDividerSkinElement
DataGridHeaderElement
DataGridHeaderItemRenderer
DataGridItemData
DataGridItemRendererBase
DataGridLabelItemRenderer
DataListData
DataListElement
DataRendererBaseElement
DataRendererLabelElement
DatePickerButtonElement
DatePickerElement
DispatcherEvent
DrawMetrics
DropdownArrowButtonSkinElement
DropdownBaseElement
DropdownElement
ElementEvent
ElementGridItemClickEvent
ElementKeyboardEvent
ElementListItemClickEvent
ElementMouseEvent
ElementMouseWheelEvent
EllipseShape
EventDispatcher
FillBase
GridContainerElement
GridContainerRowColumnDefinition
ImageElement
IpInputElement
LabelElement
LinearGradientFill
ListCollection
ListContainerElement
ProgressElement
RadioButtonElement
RadioButtonSkinElement
RoundedRectangleShape
ScrollBarElement
ScrollButtonSkinElement
ShapeBase
SkinnableElement
SolidFill
StyleableBase
StyleChangedEvent
StyleData
StyleDefinition
StyleProxy
TextAreaElement
TextElement
TextFieldElement
TextInputElement
TimeInputElement
ToggleButtonElement
ToggleButtonGroup
Tween
ViewportElement


ColorPickerButtonElement

ColorPickerButtonElement is a compound button that creates a pop-up ColorPicker
which the user can select a color which is then displayed on the button.
The ColorPickerButtonElement button itself contains a child button which is used to render
the divider line and arrow. ColorPickerButtonElement proxies its SkinState style to the arrow
button so the arrow button will change states along with the ColorPickerButtonElement itself.
See the default skin for the arrow button DropdownArrowButtonSkinElement for additional styles.

Inheritance:     ColorPickerButtonElement ➞ DropdownBaseElementButtonElementSkinnableElementCanvasElementStyleableBaseStyleDefinitionEventDispatcher ➞ Object

Styles
Show Inherited
Style Defined By
ColorSwatchClass     :    CanvasElement ColorPickerButtonElement
The CanvasElement or subclass constructor to be used for the color swatch icon. Defaults to CanvasElement.
Note that ColorPickerButton sets the swatch class's BackgroundFill style to the selected color
 
ColorSwatchStyle     :    StyleDefinition ColorPickerButtonElement
The StyleDefinition or [StyleDefinition] array to apply to the color swatch. Note that the
ColorPickerButton sets the color swatch's BackgroundFill style to the selected color.
 
PopupColorPickerDistance     :    Number ColorPickerButtonElement
Vertical distance in pixels to place the ColorPicker pop up from the button.
Defaults to -1 to collapse default 1 pixel borders.
 
PopupColorPickerStyle     :    StyleDefinition ColorPickerButtonElement
The StyleDefinition or [StyleDefinition] array to apply to the pop up ColorPicker element.
 


Events
Show Inherited
Event Defined By
changed     :    ElementEvent ColorPickerButtonElement
Dispatched when the color selection changes as a result of user input.
 


Public Functions
Show Inherited
Function Defined By
ColorPickerButtonElement() [Constructor] ColorPickerButtonElement
Creates new ColorPickerButtonElement instance.
 
getHexColor() ColorPickerButtonElement
Gets the selected color of the ColorPickerElement.
  returns     :    String
RGB hex color value formatted as "#FF0000".
 
setHexColor(value) ColorPickerButtonElement
Sets the selected color of the ColorPickerElement.
  value     :    String
RGB hex color value formatted as "#FF0000".
 


Internal Members
Show Inherited


Internal Functions
Show Inherited
Function Defined By
_layoutColorPickerPopup() ColorPickerButtonElement
Sizes and positions the ColorPicker pop up.
 
_onColorPickerChangedInstance(elementEvent) ColorPickerButtonElement
Event handler for pop up ColorPicker "changed" event.
Updates selected color and re-dispatches "changed" event.
  elementEvent     :    ElementEvent
ElementEvent to process.
 
_onColorPickerKeydown(elementKeyboardEvent) ColorPickerButtonElement
Event handler for pop up ColorPicker "keydown" event.
Closes the pop up when enter or tab is pressed.
  elementKeyboardEvent     :    ElementKeyboardEvent
ElementKeyboardEvent to process.
 
_onColorPickerLayoutComplete(event) ColorPickerButtonElement
Event handler for pop up ColorPicker "layoutcomplete".
Updates the pop up size content size is known and determines
position the pop up opens depending on available space.
  event     :    DispatcherEvent
DispatcherEvent to process.