Borderlayout"
From Documentation
Jumperchen (talk | contribs) (Created page with "{{ZKComponentReferencePageHeader}} = Borderlayout = *Component Reference: Borderlayout = SwipeEvent Support = Each layout regio...") |
m (correct highlight (via JWB)) |
||
| (6 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= | ||
| − | {| | + | {| class='wikitable' | width="100%" |
! Version !! Date !! Content | ! Version !! Date !! Content | ||
|- | |- | ||
Latest revision as of 08:50, 19 January 2022
Borderlayout
- Component Reference: Borderlayout
- Available in ZK EE only
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>
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" />
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 |