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

ActiveColorClickEvent

Class

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.

Definition

Package:@progress/kendo-angular-inputs

Syntax:

@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();
    }
}

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.

Properties

color?

string

Represents the current value of the ColorPicker.