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

Kendo.Mvc.UI.Fluent.ColorPickerBuilder

Defines the fluent interface for configuring the DatePickerBase component.

Methods

Buttons(System.Boolean)

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

Parameters

value System.Boolean

The value that configures the buttons.

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.

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

Enables the contrast tool in the ColorGradient.

Parameters

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

The action that configures the contrasttool.

CloseOnSelect(System.Boolean)

Specifies whether selection of a color in the palette view closes the popup. Applied only when buttons are set to false and the currently selected view is palette.

Parameters

value System.Boolean

The value that configures the closeonselect.

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 that configures the columns.

Input(System.Boolean)

Whether to render the input in the ColorGradient component.

Parameters

value System.Boolean

The value that configures the input.

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 action that configures the messages.

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 that configures the opacity.

Preview(System.Boolean)

Displays the color preview element and the previously selected color for comparison. With buttons set to false, both elements will update at the same time.

Parameters

value System.Boolean

The value that configures the 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 that configures the 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 that configures the value.

View(Kendo.Mvc.UI.ColorPickerView)

Defines the initially selected view in the ColorPicker.

Parameters

value Kendo.Mvc.UI.ColorPickerView

The value that configures the view.

Format(Kendo.Mvc.UI.ColorPickerFormat)

Defines the format of the gradient input editor

Parameters

value Kendo.Mvc.UI.ColorPickerFormat

The value that configures the format.

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

Configures the client-side events.

Parameters

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

The client events action.

Example (ASPX)

<%= Html.Kendo().ColorPicker()
    .Name("ColorPicker")
    .Events(events =>
        events.Select("select").Change("change")
    )
%>

Palette(System.Collections.Generic.IEnumerable<System.String>)

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

Parameters

palette System.Collections.Generic.IEnumerable<System.String>

A list of colors.

Example (ASPX)

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

Palette(Kendo.Mvc.UI.ColorPickerPalette)

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

Parameters

palette Kendo.Mvc.UI.ColorPickerPalette

One of the preset palettes of colors

Example (ASPX)

<%= Html.Kendo().ColorPicker()
    .Name("ColorPicker")
    .Palette(ColorPickerPalette.WebSafe)
%>

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)
%>

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

Sets the size of the palette tiles

Parameters

sizeAction System.Action<Kendo.Mvc.UI.Fluent.PaletteSizeBuilder>

The tile size (for square tiles)

Example (ASPX)

<%= Html.Kendo().ColorPalette()
    .Name("ColorPalette")
    .TileSize(s => s.Width(20).Height(10))
%>

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().ColorPicker()
    .Name("ColorPicker")
    .Formats(new string[]{ "rgb", "hex" })
%>
In this article
Not finding the help you need?