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

FlatColorPickerBuilder

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>

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?