Splitlayout"
From Documentation
| Line 37: | Line 37: | ||
<source lang="xml"> | <source lang="xml"> | ||
<zk xmlns:ca="client/attribute"> | <zk xmlns:ca="client/attribute"> | ||
| − | <splitlayout orient="horizontal" width="600px" height="500px" collapse="after"> | + | <splitlayout orient="horizontal" width="600px" height="500px" collapse="after" ca:aria-label="Information"> |
<div> | <div> | ||
Hello Left | Hello Left | ||
Revision as of 11:03, 14 July 2020
Splitlayout
- Demonstration: N/A
- Style Guide: N/A
- Available in ZK EE only
since 9.5.0
Related components
None.
Required Settings
| aria-label | Describe the splitlayout. |
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">
<splitlayout orient="horizontal" width="600px" height="500px" collapse="after" ca:aria-label="Information">
<div>
Hello Left
<button label="Left"/>
</div>
<div>
<button label="Right"/>
Hello Right
</div>
</splitlayout>
</zk>