New to Kendo UI for jQuery? Download free 30-day trial

ColorPicker Views

As of the end of 2021, the 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 which the default view would be through the view option.

    <input id="palette-picker" />
    <input id="gradient-picker" />
    <script>
        $("#palette-picker").kendoColorPicker({
            preview: false,
            view: "palette",
            views: ["gradient", "palette"]
        });

        $("#gradient-picker").kendoColorPicker({
            preview: false,
            view: "gradient",
            views: ["gradient", "palette"]
        });
    </script>

See Also

In this article