ActiveColorClickEvent

Fires when you click the left side of the ColorPicker wrapper. The event triggers whether you set a ColorPicker icon or not.

Provides information about the current active color and lets you prevent the popup from opening.

typescript

@Component({
  selector: 'my-app',
  template: `
      <kendo-colorpicker
          [icon]="'edit-tools'"
          [value]="'#900'"
          (activeColorClick)="onColorClick($event)"
      >
      </kendo-colorpicker>
  `
})
class AppComponent {
    public onColorClick(event: ActiveColorClickEvent): void {
        event.preventOpen();
    }
}

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 popup from opening.