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
Paper Range Slider - Vaadin Add-on Directory
Java Integration for Paper Range Slider WebcomponentJava 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.
View on GitHubPaper Range Slider version 1.0.0
Initial release with popular APIs and two Event listeners.