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

ColorPicker Views

As of R3 SP1 of 2021 for the Telerik UI for ASP.NET Core ColorPicker has a new design. One of the introduced new features is the .Views() configuration. it allows you to choose between a gradient and a palette view. You can also choose the default view via the .View() option.

    @(Html.Kendo().ColorPicker()
        .Name("PatetteColorPicker")
        .Preview(false)
        .View(ColorPickerView.Palette)
        .Views(new string[]{ "gradient", "palette" })
    )

    @(Html.Kendo().ColorPicker()
        .Name("GradientColorPicker")
        .Preview(false)
        .View(ColorPickerView.Gradient)
        .Views(new string[]{ "gradient", "palette" })
    )
@{
    string[] views = new string[] { "gradient", "palette" };
}

<kendo-colorpicker name="PatetteColorPicker"   preview="false" view="palette" views="views">
</kendo-colorpicker>

<kendo-colorpicker name="GradientColorPicker"   preview="false" view="gradient" views="views">
</kendo-colorpicker>

See Also

In this article