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

FlatColorPicker Views

The FlatColorPicker enables you to configure its 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 component.

The following example demonstrates both FlatColorPicker views in action.

Example
View Source
Change Theme:

Active View

When both the palette and gradient views are present, the initially active view of the FlatColorPicker 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
Change Theme:

In this article

Not finding the help you need?