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

FlatColorPickerBuilder

Defines the fluent API for configuring the Kendo FlatColorPicker for ASP.NET MVC.

Methods

Opacity(System.Boolean)

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

Parameters

value - System.Boolean

The value that configures the opacity.

Buttons(System.Boolean)

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

Parameters

value - System.Boolean

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

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)

Enables the contrast tool in the ColorGradient.

Parameters

configurator - System.Action<FlatColorPickerContrastToolSettingsBuilder>

The action that configures the contrasttool.

ClearButton(System.Boolean)

Specifies whether the widget should display the 'Clear color' button.

Parameters

value - System.Boolean

The value that configures the clearbutton.

Format(System.String)

Sets the default input format in the gradient input editor.

Parameters

value - System.String

The value that configures the format.

Input(System.Boolean)

Whether to render the input in ColorGradient component.

Parameters

value - System.Boolean

The value that configures the input.

Value(System.String)

Specifies the initially selected color.

Parameters

value - System.String

The value that configures the value.

View(System.String)

The initially selected view in the FlatColorPicker.

Parameters

value - System.String

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

Messages(System.Action)

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

Parameters

configurator - System.Action<FlatColorPickerMessagesSettingsBuilder>

The action that configures the messages.

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 range of colors that the user can pick from.

Parameters

palette - ColorPickerPalette

One of the preset palettes of colors

Example


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

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


             @( 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


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

Events(System.Action)

Configures the client-side events.

Parameters

configurator - System.Action<FlatColorPickerEventBuilder>

The client events action.

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>

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?