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>
|-
 
| aria-label / aria-labelledby
 
| Name the Rangeslider. For more information about naming, please refer to [[ZK_Component_Reference/Accessibility | Accessibility]]
 
 
|-
 
|-
 
| data-ariaStartLabel
 
| data-ariaStartLabel

Revision as of 08:31, 29 July 2020

Rangeslider

  • Available for ZK:
  • http://www.zkoss.org/product/zkhttp://www.zkoss.org/whyzk/zkeeVersion ee.png
 since 9.5.0

Required Settings

Naming issue. For more information, please refer to Accessibility

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