Splitlayout"

From Documentation
(Created page with "{{ZKComponentReferencePageHeader}} = Splitlayout = *Demonstration: N/A *Style Guide: N/A *[http://www.zkoss.org/product/edition.dsp Available in ZK EE only] since 9.5.0 == Re...")
 
Line 11: Line 11:
  
 
== Required Settings ==
 
== Required Settings ==
−
If the primary pane has a visible label, it is referenced by '''aria-labelledby''' on the separator element. Otherwise, the separator element has a label provided by aria-label.
+
{| border="1px"
 +
! <center>Attributes</center>
 +
! <center>Description</center>
 +
|-
 +
| aria-label
 +
| Describe the splitlayout.
 +
|}
  
 
== Keyboard Support ==
 
== Keyboard Support ==

Revision as of 11:01, 14 July 2020


DocumentationZK Component ReferenceAccessibilityLayoutsSplitlayout
Splitlayout

Splitlayout

 since 9.5.0

Related components

None.

Required Settings

Attributes
Description
aria-label Describe the splitlayout.

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">
    <splitlayout orient="horizontal" width="600px" height="500px" collapse="after">
        <div>
            Hello Left
            <button label="Left"/>
        </div>
        <div>
            <button label="Right"/>
            Hello Right
        </div>
    </splitlayout>
</zk>
Retrieved from "https://www.zkoss.org/_w/index.php?title=ZK_Component_Reference/Accessibility/Layouts/Splitlayout&oldid=50034"