FlatColorPicker

Example

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

ChildTags

Attributes

AttributeTypeDescription
nameStringSets the name of the component.
has-client-componentBoolean
deferredBooleanSuppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method.
is-in-client-templateBooleanWhen placing a Tag Helper within a Kendo Template, set the type to text/html and add the is-in-client-template="true" attribute.
as-moduleBoolean
autoupdateBooleanSpecifies 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.
buttonsBooleanSpecifies whether the widget should display the Apply / Cancel buttons.
clear-buttonBooleanSpecifies whether the widget should display the 'Clear color' button.
columnsDoubleThe number of columns to show in the palette. Also defines the width of the FlatColorPicker.
forModelExpressionDefines the available input formats in the gradient input editor. Only "hex" and "rgb" are valid values.
formatColorPickerFormatDefines the available input formats in the gradient input editor. Only "hex" and "rgb" are valid values.
formatsString[]Defines the available input formats in the gradient input editor. Only "hex" and "rgb" are valid values.
inputBooleanWhether to render the input in ColorGradient component.
on-changeStringTriggers when a new color has been selected.
opacityBooleanSpecifies whether we should display the opacity slider to allow selection of transparency.
paletteColorPickerPaletteDefines the palettes that can be used in the color picker.
palette-colorsString[]Defines colors of the palette that can be used in the color picker.
previewBooleanSpecifies whether a selected and previous color are displayed for color comparison. with autoupdate set to true both selected and previous colors will be updated.
sanitize-idBoolean
script-attributesIDictionary<String,Object>
sizeComponentSizeSets the size of the component.
valueStringSpecifies the initially selected color.
viewStringDefines the available views in the ColorPicker. Valid values are "gradient" and "palette".
viewsString[]Defines the available views in the ColorPicker. Valid values are "gradient" and "palette".
In this article
ExampleChildTagsAttributes
Not finding the help you need?
Contact Support