Kendo.Mvc.UI.Fluent.ColorPickerBuilder

Defines the fluent API for configuring the Kendo UI ColorPicker

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().ColorPicker()
    .Name("ColorPicker")
    .Palette(new List<string> { "#ff0000", "#00ff00", "#0000ff" })
%>

Enable(System.Boolean)

Enables or disables the picker.

Parameters

value System.Boolean

Whether the picker is enabled

Example (ASPX)

<%= Html.Kendo().ColorPicker()
    .Name("ColorPicker")
    .Enable(false)
%>

TileSize(System.Int32)

Sets the size of the palette tiles

Parameters

tileSize System.Int32

The tile size (for square tiles)

Example (ASPX)

<%= Html.Kendo().ColorPalette()
    .Name("ColorPalette")
    .TileSize(32)
%>

Buttons(System.Boolean)

Specifies whether the widget should display the Apply / Cancel buttons.Applicable only for the HSV selector, when a pallete is not specified.

Parameters

value System.Boolean

The value for Buttons

ClearButton(System.Boolean)

Specifies whether the widget should display the 'Clear color' button.Applicable only for the HSV selector, when a pallete is not specified.

Parameters

value System.Boolean

The value for ClearButton

ClearButton

Specifies whether the widget should display the 'Clear color' button.Applicable only for the HSV selector, when a pallete is not specified.

Columns(System.Double)

The number of columns to show in the color dropdown when a pallete is specified. This is automatically initialized for the "basic" and "websafe" palettes. If you use a custom palette then you can set this to some value that makes sense for your colors.

Parameters

value System.Double

The value for Columns

TileSize(System.Action<Kendo.Mvc.UI.Fluent.ColorPickerTileSizeSettingsBuilder>)

The size of a color cell.

Parameters

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

The configurator for the tilesize setting.

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

Allows localization of the strings that are used in the widget.

Parameters

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

The configurator for the messages setting.

Opacity(System.Boolean)

Only for the HSV selector. If true, the widget will display the opacity slider. Note that currently in HTML5 the does not support opacity.

Parameters

value System.Boolean

The value for Opacity

Opacity

Only for the HSV selector. If true, the widget will display the opacity slider. Note that currently in HTML5 the does not support opacity.

Preview(System.Boolean)

Only applicable for the HSV selector.Displays the color preview element, along with an input field where the end user can paste a color in a CSS-supported notation.

Parameters

value System.Boolean

The value for Preview

ToolIcon(System.String)

A CSS class name to display an icon in the color picker button. If specified, the HTML for the element will look like this:

Parameters

value System.String

The value for ToolIcon

Value(System.String)

The initially selected color. Note that when initializing the widget from an element, the initial color will be decided by the field instead.

Parameters

value System.String

The value for Value

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

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

Configures the client-side events.

Parameters

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

The client events action.

Example (ASPX)

@(Html.Kendo().ColorPicker()
    .Name("ColorPicker")
    .Events(events => events
        .Change("onChange")
    )
)