Splitter
From Documentation
Splitter
- Demonstration: N/A
- Style Guide: N/A
- Available in ZK EE only
since 9.5.0
Related components
Hbox, Vbox.
Required Settings
aria-label | Describe the splitter. |
Keyboard Support
ArrowUp/ArrowDown | When the splitter is focused, move the splitter vertically. |
ArrowLeft/ArrowRight | When the splitter is focused, move the splitter horizontally. |
Enter | If the primary pane is not collapsed, collapses the pane. If the pane is collapsed, restores the splitter to its previous position. |
Example
<zk xmlns:ca="client/attribute">
<hbox width="600px" height="500px">
<div>
Hello Left
<button label="Left"/>
</div>
<splitter collapse="before" ca:aria-label="Information"/>
<div>
<button label="Right"/>
Hello Right
</div>
</hbox>
</zk>