Directory

← Back

Picker

Scrolling value selector widget

Author

Rating

Popularity

<100

iOS style value picker for all you who want the widget to look same on all platforms.

This add on has long todo list still. It's missing touchevent support, kinetic scrolling and many other key features.

Looks really bad on IE9/10 for now. Tested with WebKit browsers (Chrome, Safari), Firefox and Opera.

Sample code

Picker picker = new Picker("Pick a year");

for (int i = 1982; i < 2013; ++i) {
    picker.addValue(new Integer(i));
}

picker.setValue(new Integer(2000));

picker.addValueChangeListener(new Picker.ValueChangeListener() {

    @Override
    public void onValueChanged(Object value, Integer index) {
        new Notification(value.toString() + " selected!").show(
	    PickerDemoUI.this.getPage());
    }
});

Compatibility

(Loading compatibility data...)

Was this helpful? Need more help?
Leave a comment or a question below. You can also join the chat on Discord or ask questions on StackOverflow.

Version

Now picker values can be scrolled nicely with touch and mouse.

Released
2013-02-08
Maturity
EXPERIMENTAL
License
Apache License 2.0

Compatibility

Framework
Vaadin 7.0+
Browser
Firefox
Opera
Safari
Google Chrome
iOS Browser
Android Browser

Picker - Vaadin Add-on Directory

Scrolling value selector widget Picker - Vaadin Add-on Directory
iOS style value picker for all you who want the widget to look same on all platforms. This add on has long todo list still. It's missing touchevent support, kinetic scrolling and many other key features. Looks really bad on IE9/10 for now. Tested with WebKit browsers (Chrome, Safari), Firefox and Opera.
Online