Data-Scrollable"
From Documentation
| Line 2: | Line 2: | ||
= <tt>data-scrollable="true" </tt> = | = <tt>data-scrollable="true" </tt> = | ||
| − | |||
| − | |||
Since ZK 7.0.1 | Since ZK 7.0.1 | ||
| + | If you specify <tt>true</tt> on a [http://books.zkoss.org/wiki/ZK_Component_Reference/Containers container component], the error message box inside the container will also move by scrolling<ref> For more information, please refer to http://www.zkoss.org/javadoc/7.0.1/jsdoc/zul/ContainerWidget.html</ref>. | ||
| + | |||
| + | '''Usage example''' | ||
<source lang="xml"> | <source lang="xml"> | ||
<div xmlns:ca="client/attribute"> | <div xmlns:ca="client/attribute"> | ||
<window height="100px" contentStyle="overflow:auto" ca:data-scrollable="true"> | <window height="100px" contentStyle="overflow:auto" ca:data-scrollable="true"> | ||
<textbox constraint="no empty"/> | <textbox constraint="no empty"/> | ||
| + | <separator height="100px"/> | ||
</window> | </window> | ||
</div> | </div> | ||
</source> | </source> | ||
| − | + | * Try to trigger an error box of the textbox and scroll down. | |
= <tt>data-scrollable="false" </tt> = | = <tt>data-scrollable="false" </tt> = | ||
Revision as of 07:07, 24 June 2015
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>
- ↑ For more information, please refer to http://www.zkoss.org/javadoc/7.0.1/jsdoc/zul/ContainerWidget.html
- ↑ For more information, please refer to ZK Component Reference Tablet Devices: Listbox, ZK Component Reference Tablet Devices: Grid, ZK Component Reference Tablet Devices: Tree.