Borderlayout"

From Documentation
m (apply wikitable (via JWB))
 
(6 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
{{ZKComponentReferencePageHeader}}
 
{{ZKComponentReferencePageHeader}}
 
+
{{versionSince|9.5.0}} {{ZK EE}}
= Borderlayout =
 
{{ZKComponentReferenceAccessibilityComponentInfo}}
 
 
 
  since 9.5.0
 
 
 
== Required Settings ==
 
 
{{ZKComponentReferenceAccessibilityNamingReference}}
 
{{ZKComponentReferenceAccessibilityNamingReference}}
  
 
== Keyboard Support ==
 
== Keyboard Support ==
{| border="1px"
+
{| class="wikitable"
 
! <center>Key</center>
 
! <center>Key</center>
 
! <center>Description</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
 
| 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.
 
|}
 
|}

Latest revision as of 06:16, 26 July 2023

Since 9.5.0

  • Available for ZK:
  • http://www.zkoss.org/product/zkhttp://www.zkoss.org/whyzk/zkeeVersion ee.png

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 / 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.