UI Widgets ColorPicker

Deprecated

Use the dxColorBox widget instead.

A widget used to specify a color value.

Included in: dx.webappjs.js, dx.all.js

Show Example:
jQuery
<div style="height:500px; max-width:750px; margin: 0 auto">
    <div id="colorPicker" data-bind="dxColorPicker: { value: colorValue }"></div>
    <p class="text" data-bind="style: { color: colorValue }">Colored Text</p>
</div>
colorValue = ko.observable("#FF0000");
body{
  text-align: center;
}
.text{
    margin-top: 50px;
    font-size: 100px;
}

Configuration

An object defining configuration options for the dxColorBox widget.

Methods

This section describes members used to manipulate the widget.

Events

This section describes events exposed by this widget.