Introduction
Getting Started
Vue 2 End of Support
Vue Wrappers End of Life
Native Components
- Animation
- Buttons
- Chartsupdated
- Conversational UI
- Data Query
- Data Tools
- Date Inputs
- Date Math
- Dialogs
- Drawing
- Dropdowns
- Editor
- Excel Export
- File Saver
- Form
- Gauges
- Gridupdated
- Icons
- Indicators
- Inputsupdated
- - Overview
  - Getting Started
  - Checkbox
  - ColorGradient
  - ColorPalette
  - ColorPicker
  - Input
  - FlatColorPicker
  - - Overview
    - Disabled FlatColorPicker
    - FlatColorPicker Customization
    - Keyboard Navigation
    - Events
    - Accessibility
  - MaskedTextBox
  - NumericTextBox
  - RadioButton
  - RadioGroup
  - Slider
  - RangeSlider
  - Ratingnew
  - Signature
  - Switch
  - TextArea
  - TextBox
  - Floating Labels
  - Globalization
  - API
- Labels
- Layout
- ListBox
- ListView
- Notification
- PDF Processing
- Popup
- Progress Bars
- Scheduler
- ScrollView
- Tooltip
- TreeList
- TreeView
- Upload
Wrapper Components
Sample Applications
Styling & Themes
Common Features
Project Setup
Knowledge Base
Changelog
FAQ
Troubleshooting

Components / Inputs / FlatColorPicker / Events /

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

Events

This article provides details about the event available in the FlatColorPicker API.

List of available FlatColorPicker events

FlatColorPickerOnChangeEvent - Triggered when the Apply button is clicked.
FlatColorPickerViewChangeEvent - Triggered when the View of the FlatColorPicker is changed.

FlatColorPicker events demo

The below example demonstrates the usage of the different events available in the FlatColorPicker component.

Example

View Source

Change Theme:

Suggested Links

Get Started with the FlatColorPicker

Keyboard Navigation

Wai-Aria Support