Data-Scrollable

From Documentation

data-scrollable="true"

 Since ZK 7.0.1

If you specify true on a container component, the error message box inside the container will also move by scrolling[1].

Usage example

<div xmlns:ca="client/attribute">
<window height="100px" contentStyle="overflow:auto" ca:data-scrollable="true">
    <textbox constraint="no empty"/>
    <separator height="100px"/>
</window>
</div>
  • Try to trigger an error box of the textbox and scroll down.

data-scrollable="false"

When a user swipes on the content of Listbox, Grid, Tree in a tablet device, the friendly scrollbar will appear. To disable the friendly scrollbar, please use the following setting[2].

 ZK EE tablet only
<div xmlns:ca="client/attribute">
<listbox xmlns:a="client/attribute" a:data-scrollable="false"/>
</div>


Last Update : 2015/06/24

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