Directory

← Back

RotaryKnob

Rotatable widget for selecting numeric value within a range

Author

Rating

Popularity

<100

RotaryKnob component emulates its real-world counterpart and is simply used for selecting numeric value within a range. Knob can be rotated by dragging mouse along y-axis, using mouse scroll wheel or pressing up/down keys. Component also supports browser focus events.

Sample code

final RotaryKnob knob = new RotaryKnob(1, 100);
knob.setImmediate(true);

final Label label = new Label();

knob.addListener(new Property.ValueChangeListener() {
	public void valueChange(ValueChangeEvent event) {
        label.setValue("Knob value is " + knob.getValue());

	}
});

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

Released
2010-02-19
Maturity
BETA
License
Apache License 2.0

Compatibility

Framework
Vaadin 6.2+
Vaadin 7.0+ in 0.3.v7
Browser
Internet Explorer
Internet Explorer
Internet Explorer
Firefox
Opera
Safari

Vaadin Add-on Directory

Find open-source widgets, add-ons, themes, and integrations for your Vaadin application. Vaadin Add-on Directory
The channel for finding, promoting, and distributing Vaadin add-ons.
Online