New to Kendo UI for Angular? Start a free 30-day trial

ColorPicker Views

The ColorPicker enables you to configure its popup views through the views configuration option. You could display a gradient view, palette view or both. By default both views will be rendered, in which case the user can toggle between them by using the view toggle buttons rendered in the header of the popup.

The following example demonstrates both ColorPicker views in action.

Example
View Source
Edit In Stackblitz  
Change Theme:

Active View

When both the palette and gradient views are present, the initially active view of the ColorPicker can be set through the activeView property. By default, the gradient view is rendered as active.

The following example shows how to specify the initially active view.

Example
View Source
Edit In Stackblitz  
Change Theme:

In this article

Not finding the help you need?