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 / ArrowDown
+
| ArrowUp
| When the splitter is focused, move the splitter vertically.
+
| Moves focus one cell Up. If focus is on the top cell in the column, focus does not move.
 
|-
 
|-
| ArrowLeft / ArrowRight
+
| ArrowDown
| When the splitter is focused, move the splitter horizontally.
+
| 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 splitter is focused, collapses the region. When the header is focused, collapsed/expanded the region.
+
| When the Detail/Group is focused, collapsed/expanded the Detail/Group.
 
|}
 
|}

Revision as of 06:59, 25 August 2020

Borderlayout

  • Available for ZK:
  • http://www.zkoss.org/product/zkhttp://www.zkoss.org/whyzk/zkeeVersion ee.png
 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

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