FlatColorPicker

Example

Razor

<kendo-flatcolorpicker>
    <contrast-tool />
    <messages />
</kendo-flatcolorpicker>

ChildTags

Tag Name	Details
contrast-tool	FlatColorPickerContrastToolSettingsTagHelper
messages	FlatColorPickerMessagesSettingsTagHelper

Attributes

Attribute	Type	Description
name	String	Sets the name of the component.
as-module	Boolean	Specifies whether the initialization script of the component will be rendered as a JavaScript module.
is-in-client-template	Boolean	When placing a Tag Helper within a Kendo Template, set the type to text/html and add the is-in-client-template="true" attribute.
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.
buttons	Boolean	Specifies whether the widget should display the Apply / Cancel buttons.
clear-button	Boolean	Specifies whether the widget should display the 'Clear color' button.
columns	Double	The number of columns to show in the palette. Also defines the width of the FlatColorPicker.
for	ModelExpression	Defines the available input formats in the gradient input editor. Only "hex" and "rgb" are valid values.
format	ColorPickerFormat	Defines the available input formats in the gradient input editor. Only "hex" and "rgb" are valid values.
formats	String[]	Defines the available input formats in the gradient input editor. Only "hex" and "rgb" are valid values.
input	Boolean	Whether to render the input in ColorGradient component.
on-change	String	The name of the JavaScript function that will handle the change event. Triggers when a new color has been selected.
opacity	Boolean	Specifies whether we should display the opacity slider to allow selection of transparency.
palette-colors	String[]	Defines colors of the palette that can be used in the color picker.
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.
script-attributes	IDictionary<String,Object>	Sets the attributes that will be added to the script tag of the component's initialization script.
size	ComponentSize	Sets the size of the component.
value	String	Specifies the initially selected color.
view	String	Defines the available views in the ColorPicker. Valid values are "gradient" and "palette".
views	String[]	Defines the available views in the ColorPicker. Valid values are "gradient" and "palette".
deferred	Boolean	Suppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method.
palette	ColorPickerPalette	Defines the palettes that can be used in the color picker.