Rangeslider
From Documentation
Rangeslider
- Demonstration: N/A
- Style Guide: N/A
- Available in ZK EE only
since 9.5.0
Related components
SliderButtons.
Required Settings
| aria-label | Describe the Rangeslider. |
| data-ariaStartLabel | Describe the the slider button (start). |
| data-ariaEndLabel | Describe the the slider button (end). |
| data-largeStep-multiplier | Describe the moving step of pressing PageUp/PageDown. |
Keyboard Support
| ArrowUp/ArrowDown | Move the slider button. |
| ArrowLeft/ArrowRight | Move the slider button. |
| Home/End | Move the slider button to the minimum/maximum. |
| PageUp/PageDown | Move the slider button in the large step. |
Example
<zk xmlns:ca="client/attribute">
<rangeslider ca:aria-label="range value" ca:data-ariaStartLabel="minimal range value"
ca:data-ariaEndLabel="maximal range value"/>
</zk>