Directory

← Back

LevelSelector

A higly customizable component for selecting integer values

Author

Contributors

Rating

This is a component for selecting an integer value between a given minimum and maximum value. The component's client side structure is designed to such that its appearance is easily modifiable with CSS. The live demo contains examples of the same widget with a bit different settings and CSS stylings.

Note that the last CSS example does not work with Internet Explorer.

Sample code

        final LevelSelector selector = new LevelSelector();
        selector.setCaption("Select volume level");
        selector.setMaxValue(25);
        selector.setValue(3);
        selector.setMinValue(2);
        selector.setHeight("15px");
        selector.setBlockSize(8);
        selector.addListener(this);
        selector.setImmediate(true);
        mainWindow.addComponent(selector);

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

Updated to support Vaadin 7 rc2

Released
2013-02-01
Maturity
BETA
License
Apache License 2.0

Compatibility

Framework
Vaadin 7.0+
Vaadin 6.2+ in 0.1
Browser
Internet Explorer
Firefox
Opera
Safari
Google Chrome
Internet Explorer
Online