New to Kendo UI for Angular? Start a free 30-day trial
ActiveColorClickEvent
Fires each time the left side of the ColorPicker wrapper is clicked. The event is triggered regardless of whether a ColorPicker icon is set or not.
Provides information about the current active color and gives the option to prevent the opening of the popup.
@Component({
selector: 'my-app',
template: `
<kendo-colorpicker
[icon]="'edit-tools'"
[value]="'#900'"
(activeColorClick)="handleActiveColorClick($event)"
>
</kendo-colorpicker>
`
})
class AppComponent {
public handleActiveColorClick(event: ActiveColorClickEvent): void {
event.preventOpen();
console.log('Open prevented:', event.isOpenPrevented());
console.log('Current color:', event.color);
}
}| Name | Type | Default | Description |
|---|---|---|---|
color? |
|
Represents the current value of the ColorPicker. |
Methods
isOpenPrevented | ||||
|---|---|---|---|---|
|
Returns | ||||
|
preventOpen |
|---|
|
Prevents the opening of the popup. |
