Directory

← Back

Picker

Scrolling value selector widget

Author

Contributors

Rating

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

Links

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
Online