<kendo:flatColorPicker>

A JSP wrapper for Kendo UI FlatColorPicker.

Configuration Attributes

autoupdate boolean

Specifies whether the UI should be updated while the user is typing in the input field, whenever a valid color can be parsed. If you passfalse for this, the widget will update only when ENTER is pressed.

Example

<kendo:flatColorPicker autoupdate="autoupdate">
</kendo:flatColorPicker>

buttons boolean

Specifies whether the widget should display the Apply / Cancel buttons.

Example

<kendo:flatColorPicker buttons="buttons">
</kendo:flatColorPicker>

opacity boolean

Specifies whether we should display the opacity slider to allow selection of transparency.

Example

<kendo:flatColorPicker opacity="opacity">
</kendo:flatColorPicker>

preview boolean

Specifies whether we should display the preview bar which displays the current color and the input field.

Example

<kendo:flatColorPicker preview="preview">
</kendo:flatColorPicker>

value java.lang.String

Specifies the initially selected color.

Example

<kendo:flatColorPicker value="value">
</kendo:flatColorPicker>

Configuration JSP Tags

kendo:flatColorPicker-messages

Allows customization of "Apply" / "Cancel" labels.

More documentation is available at kendo:flatColorPicker-messages.

Example

<kendo:flatColorPicker>
    <kendo:flatColorPicker-messages></kendo:flatColorPicker-messages>
</kendo:flatColorPicker>

Event Attributes

change String

Triggers when a new color has been selected.

For additional information check the change event documentation.

Example

<kendo:flatColorPicker change="handle_change">
</kendo:flatColorPicker>
<script>
    function handle_change(e) {
        // Code to handle the change event.
    }
</script>

Event Tags

kendo:flatColorPicker-change

Triggers when a new color has been selected.

For additional information check the change event documentation.

Example

<kendo:flatColorPicker>
    <kendo:flatColorPicker-change>
        <script>
            function(e) {
                // Code to handle the change event.
            }
        </script>
    </kendo:flatColorPicker-change>
</kendo:flatColorPicker>