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

Kendo.Mvc.UI.Fluent.FlatColorPickerBuilder

Defines the fluent API for configuring the Kendo UI FlatColorPicker

Methods

Palette(System.String[])

Sets the range of colors that the user can pick from.

Parameters

palette System.String[]

A list of colors.

Example (ASPX)

<%= Html.Kendo().FlatColorPicker()
    .Name("FlatColorPicker")
    .Palette(new List<string> { "#ff0000", "#00ff00", "#0000ff" })
%>

Formats(System.String[])

Sets the available input formats in the gradient input editor.

Parameters

formats System.String[]

Only "hex" and "rgb" are valid values.

Example (ASPX)

<%= Html.Kendo().FlatColorPicker()
    .Name("FlatColorPicker")
    .Formats(new string[]{ "rgb", "hex" })
%>

Views(System.String[])

Sets the available views in the ColorPicker.

Parameters

views System.String[]

Valid values are "gradient" and "palette".

Example (ASPX)

<%= Html.Kendo().FlatColorPicker()
    .Name("FlatColorPicker")
    .Views(new string[]{ "gradient", "palette" })
%>

Opacity(System.Boolean)

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

Parameters

value System.Boolean

The value for Opacity

Opacity

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

Buttons(System.Boolean)

Specifies whether the widget should display the Apply / Cancel buttons.

Parameters

value System.Boolean

The value for Buttons

Buttons

Specifies whether the widget should display the Apply / Cancel buttons.

Columns(System.Double)

The number of columns to show in the palette. Also defines the width of the FlatColorPicker.

Parameters

value System.Double

The value for Columns

ContrastTool(System.Action<Kendo.Mvc.UI.Fluent.FlatColorPickerContrastToolSettingsBuilder>)

Enables the contrast tool in the ColorGradient.

Parameters

configurator System.Action<Kendo.Mvc.UI.Fluent.FlatColorPickerContrastToolSettingsBuilder>

The configurator for the contrasttool setting.

ContrastTool

Enables the contrast tool in the ColorGradient.

ContrastTool(System.Boolean)

Enables the contrast tool in the ColorGradient.

Parameters

enabled System.Boolean

Enables or disables the contrasttool option.

Input(System.Boolean)

Whether to render the input in ColorGradient component.

Parameters

value System.Boolean

The value for Input

Value(System.String)

Specifies the initially selected color.

Parameters

value System.String

The value for Value

View(System.String)

The initially selected view in the FlatColorPicker.

Parameters

value System.String

The value for View

Preview(System.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.

Parameters

value System.Boolean

The value for Preview

Autoupdate(System.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.

Parameters

value System.Boolean

The value for Autoupdate

Messages(System.Action<Kendo.Mvc.UI.Fluent.FlatColorPickerMessagesSettingsBuilder>)

Allows customization of "Apply" / "Cancel" labels.

Parameters

configurator System.Action<Kendo.Mvc.UI.Fluent.FlatColorPickerMessagesSettingsBuilder>

The configurator for the messages setting.

Palette(Kendo.Mvc.UI.ColorPickerPalette)

Defines the palettes that can be used in the color picker.

Parameters

value Kendo.Mvc.UI.ColorPickerPalette

The value for Palette

Format(Kendo.Mvc.UI.ColorPickerFormat)

Defines the format of the gradient input editor.

Parameters

value Kendo.Mvc.UI.ColorPickerFormat

The value for Format

Events(System.Action<Kendo.Mvc.UI.Fluent.FlatColorPickerEventBuilder>)

Configures the client-side events.

Parameters

configurator System.Action<Kendo.Mvc.UI.Fluent.FlatColorPickerEventBuilder>

The client events action.

Example (ASPX)

@(Html.Kendo().FlatColorPicker()
    .Name("FlatColorPicker")
    .Events(events => events
        .Change("onChange")
    )
)
In this article
Not finding the help you need?