Directory

RotaryKnob

Rotatable widget for selecting numeric value within a range

View larger

Close

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

	}
});

Links

• Source Code
• Discussion Forum
• Online Demo

Compatibility