Grid"

From Documentation
m (correct highlight (via JWB))
 
(One intermediate revision by the same user not shown)
Line 12: Line 12:
  
 
'''Note 1:''' 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>
 
</source>
 
'''Note 2:''' to make sure the friendly scrollbar works correctly when containing images inside cell, please add image preload attribute as follows.
 
'''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" high="2">
+
<source lang="xml" highlight="2">
 
<grid>
 
<grid>
 
     <custom-attributes org.zkoss.zul.image.preload="true"/>
 
     <custom-attributes org.zkoss.zul.image.preload="true"/>
Line 24: Line 24:
 
= 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.