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

FlatColorPickerBuilder

Methods

Opacity(System.Boolean)

Specifies whether the opacity slider must be shown to allow transparency selection.

Parameters

value - System.Boolean

The value that configures the visibility of the opacity slider.

Example


             @(Html.Kendo().FlatColorPicker()
                .Name("flatColorPicker")
                .Opacity(true)
             )

Buttons(System.Boolean)

Specifies whether the Apply / Cancel buttons must be displayed.

Parameters

value - System.Boolean

The value that configures the visibility of the buttons.

Example


             @(Html.Kendo().FlatColorPicker()
                .Name("flatColorPicker")
                .Buttons(true)
             )

Columns(System.Double)

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

Parameters

value - System.Double

The value that configures the number of the columns.

Example


             @(Html.Kendo().FlatColorPicker()
                .Name("flatColorPicker")
                .Columns(4)
             )

ContrastTool()

Enables the contrast tool of the FlatColorPicker.

Example


             @(Html.Kendo().FlatColorPicker()
                .Name("flatColorPicker")
                .ContrastTool()
             )

ContrastTool(System.Boolean)

Enables the contrast tool of the FlatColorPicker.

Parameters

enabled - System.Boolean

Toggles the visibility of the contrast tool.

Example


             @(Html.Kendo().FlatColorPicker()
                .Name("flatColorPicker")
                .ContrastTool(true)
             )

ContrastTool(System.Action)

Defines the contrast tool options.

Parameters

configurator - System.Action<FlatColorPickerContrastToolSettingsBuilder>

The action that configures the contrast tool settings.

Example


             @(Html.Kendo().FlatColorPicker()
                .Name("flatColorPicker")
                .ContrastTool(ct => ct.BackgroundColor("#ff0000"))
             )

ClearButton(System.Boolean)

Specifies whether the 'Clear color' button must be displayed.

Parameters

value - System.Boolean

The value that configures the visibility of the button.

Example


             @(Html.Kendo().FlatColorPicker()
                .Name("flatColorPicker")
                .ClearButton(true)
             )

Format(System.String)

Sets the default input format in the gradient input editor. The valid formats are "rgb" and "hex".

Parameters

value - System.String

The value that configures the format.

Example


             @(Html.Kendo().FlatColorPicker()
                .Name("flatColorPicker")
                .Format("rgb")
             )

Input(System.Boolean)

Specifies whether the input must be displayed in the FlatColorPicker.

Parameters

value - System.Boolean

The value that configures the visibility of the input.

Example


             @(Html.Kendo().FlatColorPicker()
                .Name("flatColorPicker")
                .Input(true)
             )

Value(System.String)

Specifies the initially selected color.

Parameters

value - System.String

The value that configures the initial color.

Example


             @(Html.Kendo().FlatColorPicker()
                .Name("flatColorPicker")
                .Value("#b72bba")
             )

View(System.String)

Defines the initially selected view in the FlatColorPicker. The valid views are "gradient" and "palette".

Parameters

value - System.String

The value that configures the initial view.

Example


             @(Html.Kendo().FlatColorPicker()
                .Name("flatColorPicker")
                .View("palette")
             )

Preview(System.Boolean)

Specifies whether a selected and previous colors are displayed for color comparison. When the Autoupdate() option is enabled, both selected and previous colors will be updated.

Parameters

value - System.Boolean

The value that configures the preview option.

Example


             @(Html.Kendo().FlatColorPicker()
                .Name("flatColorPicker")
                .Preview(true)
             )

Autoupdate(System.Boolean)

Specifies whether the UI must be updated while the user is typing in the input field, whenever a valid color can be parsed. If the Autoupdate() option is disabled, the FlatColorPicker will be updated only when ENTER is pressed.

Parameters

value - System.Boolean

The value that configures the auto-update option.

Example


             @(Html.Kendo().FlatColorPicker()
                .Name("flatColorPicker")
                .Autoupdate(true)
             )

Messages(System.Action)

Defines the localization of the texts that are used in the FlatColorPicker.

Parameters

configurator - System.Action<FlatColorPickerMessagesSettingsBuilder>

The action that configures the message settings.

Example


             @(Html.Kendo().FlatColorPicker()
                .Name("flatColorPicker")
                .Messages(msg => msg.Apply("Set"))
             )

Palette(System.Collections.Generic.IEnumerable)

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

Parameters

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

A list of colors.

Example


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

Palette(Kendo.Mvc.UI.ColorPickerPalette)

Sets the color palette the user can pick from.

Parameters

palette - ColorPickerPalette

The enum value that configures the color palette.

Example


             @( Html.Kendo().FlatColorPicker()
                        .Name("FlatColorPicker")
                        .Palette(ColorPickerPalette.WebSafe)
            )

Formats(System.String[])

Sets the available input formats in the gradient input editor. Only "hex" and "rgb" are valid values.

Parameters

formats - System.String[]

A list of formats.

Example


             @( Html.Kendo().FlatColorPicker()
                        .Name("FlatColorPicker")
                        .Formats(new string[]{ "rgb", "hex" })
            )

Views(System.String[])

Sets the available views in the FlatColorPicker. The valid values are "gradient" and "palette".

Parameters

views - System.String[]

A list of the views.

Example


             @( Html.Kendo().FlatColorPicker()
                        .Name("FlatColorPicker")
                        .Views(new string[]{ "gradient", "palette" })
            )

Events(System.Action)

Configures the handled client-side events of the FlatColorPicker.

Parameters

configurator - System.Action<FlatColorPickerEventBuilder>

The action that configures the available events.

Example


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

ToComponent()

Returns the internal view component.

Name(System.String)

Sets the name of the component.

Parameters

componentName - System.String

The name of the component.

Example


            @(Html.Kendo().Grid<OrderViewModel>()
               .Name("grid")
               .Columns(columns =>
               {
                   columns.Bound(p => p.OrderID).Filterable(false);
                   columns.Bound(p => p.Freight);  
               })
               .DataSource(dataSource => dataSource
                   .Ajax()
                   .PageSize(20)
                   .Read(read => read.Action("Orders_Read", "Grid"))
               )
            )

Deferred(System.Boolean)

Suppress initialization script rendering. Note that this options should be used in conjunction with Kendo.Mvc.UI.Fluent.WidgetFactory.DeferredScripts(System.Boolean)

Parameters

deferred - System.Boolean

ModelMetadata(System.Web.Mvc.ModelMetadata)

Uses the Metadata of the Model.

Parameters

modelMetadata - System.Web.Mvc.ModelMetadata

The metadata set for the Model

HtmlAttributes(System.Object)

Sets the HTML attributes.

Parameters

attributes - System.Object

The HTML attributes.

HtmlAttributes(System.Collections.Generic.IDictionary)

Parameters

attributes - System.Collections.Generic.IDictionary<String,Object>

AsChildComponent()

Render()

Renders the component.

Example


            @(@Page Inherits="System.Web.Mvc.ViewPage<IEnumerable<Product>>" )
            @( Html.Kendo().Grid(Model)
                .Name("grid")
                .DetailTemplate(product => {
                    )
                       Product Details:
                       <div>Product Name: @( product.ProductName )</div>
                       <div>Units In Stock: @( product.UnitsInStock )</div>
                    @(
                })
                .Render();
            )

ToHtmlString()

ToClientTemplate()

In this article
Not finding the help you need?