Splitter

From Documentation
Revision as of 11:03, 14 July 2020 by Jameschu (talk | contribs)

Splitter

 since 9.5.0

Related components

Hbox, Vbox.

Required Settings

Attributes
Description
aria-label Describe the splitter.

Keyboard Support

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