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. |
has-client-component | Boolean | |
deferred | Boolean | Suppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method. |
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. |
as-module | Boolean | |
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 | 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 | |
script-attributes | IDictionary<String,Object> | |
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". |