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.

ts

@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?	string		Represents the current value of the ColorPicker.

Methods

isOpenPrevented
Returns true if the popup opening is prevented by any of its subscribers.
Returns boolean Returns true if the open action was prevented. Otherwise, returns false.

preventOpen
Prevents the opening of the popup.