FlatColorPicker Views
As of the end of 2021, the FlatColorPicker 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.
<div id="palette-picker"></div>
<div id="gradient-picker"></div>
<script>
$("#palette-picker").kendoFlatColorPicker({
preview: false,
view: "palette",
views: ["gradient", "palette"]
});
$("#gradient-picker").kendoFlatColorPicker({
preview: false,
view: "gradient",
views: ["gradient", "palette"]
});
</script>