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

 since 9.5.0

Required Settings

Attributes
Description
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

Key
Description
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>