New to Telerik UI for ASP.NET Core? Download free 30-day trial

FlatColorPickerTagHelper

Example

<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-child-component Boolean
has-client-component Boolean
deferred Boolean Suppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method.
for ModelExpression 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.
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.
format ColorPickerFormat 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 Triggers when a new color has been selected.
opacity Boolean Specifies whether we should display the opacity slider to allow selection of transparency.
palette ColorPickerPalette Defines the palettes that can be used in the color picker.
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.
sanitize-id Boolean
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".
In this article
Not finding the help you need?