Directory

Vaadin ColorPicker

Pick your color in style!

View larger

Close

View larger

Close

View larger

Close

View larger

Close

An easy to use, popup color picker.

The main features of the widget include: • Easy to use interface with clickable color gradiants • RGB color mode • HSV color mode • Swatches color mode • 3 types of color picker buttons • Color history • Color preview • CSS color code representation and handling

Starting from version 1.0.3 this add-on is licensed under the Apache License 2.0.

Sample code

public class MyColorPickerDemo extends Application {

    @Override
    public void init() {
        Window mainWindow = new Window("Mycolorpickerdemo Application");

        // Create a color picker
        ColorPicker cp = new ColorPicker("Our ColorPicker", Color.RED);

        // Add a color change listener to the color picker
        cp.addListener(new ColorPicker.ColorChangeListener() {
            @Override
            public void colorChanged(ColorChangeEvent event) {
                MyColorPickerDemo.this.getMainWindow()
                .showNotification("Color changed!");
            }
        });

        mainWindow.addComponent(cp);
        setMainWindow(mainWindow);
    }
}

Links

• Issue Tracker
• Source Code
• Online Demo

Compatibility