Latest revision as of 06:16, 26 July 2023

Since 9.5.0

Label a Component

To name a component with ARIA attribute by adding the aria-label client attribute to the component, please refer to ZK_Developer's_Reference/Accessibility#Specify_ARIA_Attributes

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 / Spacebar	When the splitter is focused, collapses the region. When the header is focused, collapsed/expanded the region.

@@ Line 1: / Line 1: @@
 {{ZKComponentReferencePageHeader}}
+{{versionSince|9.5.0}} {{ZK EE}}
-= Borderlayout =
-{{ZKComponentReferenceAccessibilityComponentInfo}}
-  since 9.5.0
-== Required Settings ==
 {{ZKComponentReferenceAccessibilityNamingReference}}
 == Keyboard Support ==
-{| border="1px"
+{| class="wikitable"
 ! <center>Key</center>
 ! <center>Description</center>
 |-
-| ArrowUp
+| ArrowUp / ArrowDown
-| Moves focus one cell Up. If focus is on the top cell in the column, focus does not move.
+| When the splitter is focused, move the splitter vertically.
-|-
-| ArrowDown
-| Moves focus one cell down. If focus is on the bottom cell in the column, focus does not move.
-|-
-| ArrowLeft
-| Moves focus one cell to the left. If focus is on the left-most cell in the row, focus does not move.
 |-
-| ArrowRight
+| ArrowLeft / ArrowRight
-| Moves focus one cell to the right. If focus is on the right-most cell in the row, focus does not move.
+| When the splitter is focused, move the splitter horizontally.
 |-
 | Enter / Spacebar
-| When the Detail/Group is focused, collapsed/expanded the Detail/Group.
+| When the splitter is focused, collapses the region. When the header is focused, collapsed/expanded the region.
 |}