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

<kendo:colorGradient>

A JSP wrapper for Kendo UI ColorGradient.

Configuration Attributes

contrastTool boolean

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

Example

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

format java.lang.String

Sets the default input format in the gradient input editor.

Example

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

formats java.lang.Object

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

Example

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

input boolean

Whether to render the input.

Example

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

opacity boolean

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

Example

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

value java.lang.Object

Specifies the initially selected color.

Example

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

Configuration JSP Tags

kendo:colorGradient-contrastTool

Enables the contrast tool in the ColorGradient.

More documentation is available at kendo:colorGradient-contrastTool.

Example

<kendo:colorGradient>
    <kendo:colorGradient-contrastTool></kendo:colorGradient-contrastTool>
</kendo:colorGradient>

kendo:colorGradient-messages

Allows customization labels and messages in the ColorGradient.

More documentation is available at kendo:colorGradient-messages.

Example

<kendo:colorGradient>
    <kendo:colorGradient-messages></kendo:colorGradient-messages>
</kendo:colorGradient>

Event Attributes

change String

Triggers when a new color has been selected.

For additional information check the change event documentation.

Example

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

Event Tags

kendo:colorGradient-change

Triggers when a new color has been selected.

For additional information check the change event documentation.

Example

<kendo:colorGradient>
    <kendo:colorGradient-change>
        <script>
            function(e) {
                // Code to handle the change event.
            }
        </script>
    </kendo:colorGradient-change>
</kendo:colorGradient>
In this article
Not finding the help you need?