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();
)