Borderlayout"

From Documentation
m (correct highlight (via JWB))
 
(5 intermediate revisions by 3 users not shown)
Line 4: Line 4:
  
 
*Component Reference: [[ZK Component Reference/Layouts/Borderlayout|Borderlayout]]
 
*Component Reference: [[ZK Component Reference/Layouts/Borderlayout|Borderlayout]]
 +
*[http://www.zkoss.org/product/edition.dsp Available in ZK EE only]
  
 
= SwipeEvent Support =
 
= SwipeEvent Support =
Each layout region can support to close and open the region area by user's swipe on the edge of the region.
+
Each layout region can support to close and open the region area by user's swipe on the edge of the region with client/attribute.
 +
<source lang="xml">
 +
<borderlayout xmlns:ca="client/attribute" ca:data-swipeable="true">
 +
<!-- omitted -->
 +
</borderlayout>
 +
</source>
  
 
[[File:Borderlayout_Tablet_Swipe_Example.png]]
 
[[File:Borderlayout_Tablet_Swipe_Example.png]]
 +
 +
= Friendly Scrolling Support =
 +
When user swipe on the content of Layout Region from Borderlayout, the friendly scrollbar will appear.
 +
To enable the friendly scrollbar, please specify autoscroll to true.
 +
 +
For example,
 +
<source lang="xml" highlight="1">
 +
<west title="West" size="20%" autoscroll="true" />
 +
</source>
 +
 +
[[File:Borderlayout_Tablet_Scrolling_Example.png]]
 +
 +
'''Note:''' to disable the friendly scrollbar, please use the following setting.
 +
<source lang="xml" highlight="1">
 +
<west autoscroll="false"/>
 +
</source>
  
 
= Version History=
 
= Version History=
  
{| border='1px' | width="100%"
+
{| class='wikitable' | width="100%"
 
! Version !! Date !! Content
 
! Version !! Date !! Content
 
|-
 
|-

Latest revision as of 08:50, 19 January 2022

Borderlayout

SwipeEvent Support

Each layout region can support to close and open the region area by user's swipe on the edge of the region with client/attribute.

<borderlayout xmlns:ca="client/attribute" ca:data-swipeable="true">
<!-- omitted -->
</borderlayout>

Borderlayout Tablet Swipe Example.png

Friendly Scrolling Support

When user swipe on the content of Layout Region from Borderlayout, the friendly scrollbar will appear. To enable the friendly scrollbar, please specify autoscroll to true.

For example,

<west title="West" size="20%" autoscroll="true" />

Borderlayout Tablet Scrolling Example.png

Note: to disable the friendly scrollbar, please use the following setting.

<west autoscroll="false"/>

Version History

Version Date Content
6.5.0 July, 2012 Borderlayout support touch's swipe event to close/open the layout region



Last Update : 2022/01/19

Copyright © Potix Corporation. This article is licensed under GNU Free Documentation License.