Rangeslider"
From Documentation
Line 3: | Line 3: | ||
= Rangeslider = | = Rangeslider = | ||
{{ZKComponentReferenceAccessibilityComponentInfo}} | {{ZKComponentReferenceAccessibilityComponentInfo}} | ||
+ | |||
+ | since 9.5.0 | ||
== Required Settings == | == Required Settings == | ||
+ | Naming issue. For more information, please refer to [[ZK_Component_Reference/Accessibility | Accessibility]] | ||
{| border="1px" | {| border="1px" | ||
! <center>Attributes</center> | ! <center>Attributes</center> | ||
! <center>Description</center> | ! <center>Description</center> | ||
− | |||
− | |||
− | |||
|- | |- | ||
| data-ariaStartLabel | | data-ariaStartLabel |
Revision as of 08:31, 29 July 2020
Rangeslider
- Available for ZK:
since 9.5.0
Required Settings
Naming issue. For more information, 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>