Paper Range Slider
Java Integration for Paper Range Slider Webcomponent
Java Integration for Paper Range Slider Webcomponent.
APIs are generated from https://github.com/IftachSadeh/paper-range-slider
via using flow-component-generator.
Allow user to listen to the minimal and maximal value change from the client side.
Sample code
private void defaultSlider() { PaperRangeSlider paperRangeSlider = new PaperRangeSlider(); vl.add(new Label("Default Slider"), paperRangeSlider); } private void customizedSlider(){ PaperRangeSlider paperRangeSlider = new PaperRangeSlider(-100, 100, -50, 50); vl.add(new Label("Customized Slider"), paperRangeSlider); } private void pinShownSlider() { PaperRangeSlider paperRangeSlider = new PaperRangeSlider(-50.5, 23.5, -50, 0.5, true); paperRangeSlider.setStep(0.5); vl.add(new Label("Slider with customized step and pin show option"), paperRangeSlider); } private void disabledSlider(){ PaperRangeSlider paperRangeSlider = new PaperRangeSlider(); paperRangeSlider.setEnabled(false); vl.add(new Label("Disabled Slider"), paperRangeSlider); } private void singleSlider(){ PaperRangeSlider paperRangeSlider = new PaperRangeSlider(); paperRangeSlider.setSingleSlider(true); vl.add(new Label("Converted to Single Slider"), paperRangeSlider); } private void sliderWithEvent(){ PaperRangeSlider paperRangeSlider = new PaperRangeSlider(-100, 100, -50, 50); Label lowerValueLabel = new Label("Initial lower value is " + paperRangeSlider.getValueMin()); Label upperValueLabel = new Label("Initial upper value is "+ paperRangeSlider.getValueMax()); paperRangeSlider.addMinValueChangeListener(event -> lowerValueLabel.setText("Current lower value is " + event.getValueMin())); paperRangeSlider.addMaxValueChangeListener(event -> upperValueLabel.setText("Current upper value is " + event.getValueMax())); vl.add(new Label("Customized Slider"), lowerValueLabel, upperValueLabel, paperRangeSlider); }
Links
Compatibility
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
Initial release with popular APIs and two Event listeners.
- Released
- 2019-05-03
- Maturity
- EXPERIMENTAL
- License
- Apple Public Source License 1.2
Compatibility
- Framework
- Vaadin 10+
- Browser
- Firefox
- Google Chrome