New to Telerik UI for JSP? Download free 30-day trial

<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>

clearButton boolean

Specifies whether the widget should display the 'Clear color' button.

Example

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

columns float

The number of columns to show in the palette. Also defines the width of the FlatColorPicker.

Example

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

contrastTool boolean

Enables the contrast tool in the ColorGradient. Further configuration is available via kendo:flatColorPicker-contrastTool.

Example

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

format java.lang.String

Sets the default input format in the gradient input editor.

Example

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

formats java.lang.Object

Sets the available input formats in the gradient input editor. Only "hex" and "rgb" are valid values.

Example

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

input boolean

Whether to render the input in ColorGradient component.

Example

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

opacity boolean

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

Example

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

palette java.lang.Object

Specifies the color palette to display.

Example

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

preview boolean

Specifies whether a selected and previous color are displayed for color comparison. with autoupdate set to true both selected and previous colors will be updated.

Example

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

value java.lang.Object

Specifies the initially selected color.

Example

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

view java.lang.String

The initially selected view in the FlatColorPicker.

Example

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

views java.lang.Object

The available views in the FlatColorPicker. Valid values are "gradient" and "palette".

Example

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

Configuration JSP Tags

kendo:flatColorPicker-contrastTool

Enables the contrast tool in the ColorGradient.

More documentation is available at kendo:flatColorPicker-contrastTool.

Example

<kendo:flatColorPicker>
    <kendo:flatColorPicker-contrastTool></kendo:flatColorPicker-contrastTool>
</kendo:flatColorPicker>

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>
In this article
Not finding the help you need?