Borderlayout"
From Documentation
(Created page with "{{ZKComponentReferencePageHeader}} = Borderlayout = {{ZKComponentReferenceAccessibilityComponentInfo}} since 9.5.0 == Required Settings == {{ZKComponentReferenceAccessibilit...") |
|||
Line 14: | Line 14: | ||
! <center>Description</center> | ! <center>Description</center> | ||
|- | |- | ||
− | | ArrowUp | + | | ArrowUp |
− | | | + | | Moves focus one cell Up. If focus is on the top cell in the column, focus does not move. |
|- | |- | ||
− | | ArrowLeft | + | | 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 | ||
+ | | Moves focus one cell to the right. If focus is on the right-most cell in the row, focus does not move. | ||
|- | |- | ||
| Enter / Spacebar | | Enter / Spacebar | ||
− | | When the | + | | When the Detail/Group is focused, collapsed/expanded the Detail/Group. |
|} | |} |
Revision as of 06:59, 25 August 2020
Borderlayout
- Available for ZK:
since 9.5.0
Required Settings
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
Keyboard Support
ArrowUp | Moves focus one cell Up. If focus is on the top cell in the column, focus does not move. |
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 | Moves focus one cell to the right. If focus is on the right-most cell in the row, focus does not move. |
Enter / Spacebar | When the Detail/Group is focused, collapsed/expanded the Detail/Group. |