Grid"

From Documentation
m (correct highlight (via JWB))
 
(2 intermediate revisions by 2 users not shown)
Line 11: Line 11:
 
[[File:Grid_Tablet_Example.png]]
 
[[File:Grid_Tablet_Example.png]]
  
'''Note:''' to disable the friendly scrollbar, please use the following setting.
+
'''Note 1:''' to disable the friendly scrollbar, please use the following setting.
<source lang="xml" high="1">
+
<source lang="xml" highlight="1">
 
<grid xmlns:a="client/attribute" a:data-scrollable="false"/>
 
<grid xmlns:a="client/attribute" a:data-scrollable="false"/>
 +
</source>
 +
'''Note 2:''' to make sure the friendly scrollbar works correctly when containing images inside cell, please add image preload attribute as follows.
 +
<source lang="xml" highlight="2">
 +
<grid>
 +
    <custom-attributes org.zkoss.zul.image.preload="true"/>
 +
</grid>
 
</source>
 
</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

Grid

Friendly Scrolling Support

When user swipe on the content of Grid, the friendly scrollbar will appear.

Grid Tablet Example.png

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

<grid xmlns:a="client/attribute" a:data-scrollable="false"/>

Note 2: to make sure the friendly scrollbar works correctly when containing images inside cell, please add image preload attribute as follows.

<grid>
    <custom-attributes org.zkoss.zul.image.preload="true"/>
</grid>

Version History

Version Date Content
6.5.0 July, 2012 Grid, Listbox, Tree can support to scroll the content by finger on tablet/mobile device



Last Update : 2022/01/19

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