LevelSelector

A higly customizable component for selecting integer values

View larger

Close

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

Links

• Source code
• Live demo
• Forum post

Compatibility