Multislider

Multislider

• Demonstration: N/A
• Style Guide: N/A
• Available in ZK EE only

 since 9.5.0

Related components

SliderButtons.

Required Settings

Attributes	Description
aria-label	Describe the Multislider.
data-ariaStartLabel	Describe the the slider button (start) on SliderButtons.
data-ariaEndLabel	Describe the the slider button (end) on SliderButtons.
data-largeStep-multiplier	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">
  <multislider ca:aria-label="range value">
    <sliderbuttons startValue="0" endValue="100" ca:data-ariaStartLabel="minimal range value"
      ca:data-ariaEndLabel="maximal range value"/>
    <sliderbuttons startValue="10" endValue="50" ca:data-ariaStartLabel="minimal range value"
      ca:data-ariaEndLabel="maximal range value"/>
  </multislider>
</zk>