Rangeslider"
From Documentation
Line 22: | Line 22: | ||
| Describe the the slider button (end). | | Describe the the slider button (end). | ||
|- | |- | ||
− | | data-largeStep-multiplier | + | | data-largeStep-multiplier (optional) |
| Describe the moving step of pressing PageUp/PageDown. | | Describe the moving step of pressing PageUp/PageDown. | ||
|} | |} |
Revision as of 23:43, 28 July 2020
Rangeslider
- Demonstration: N/A
- Style Guide: N/A
- Available in ZK EE only
since 9.5.0
Required Settings
aria-label / aria-labelledby | Name the Rangeslider. For more information about naming, please refer to Accessibility |
data-ariaStartLabel | Describe the the slider button (start). |
data-ariaEndLabel | Describe the the slider button (end). |
data-largeStep-multiplier (optional) | 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>