Data-Scrollable"
From Documentation
| Line 1: | Line 1: | ||
{{ZUMLReferencePageHeader}} | {{ZUMLReferencePageHeader}} | ||
| + | |||
| + | = <tt>data-scrollable="true" </tt> = | ||
if user scroll container widget which applies the data-scrollable attribute, the errorbox inside the container widget should also scroll<ref> | if user scroll container widget which applies the data-scrollable attribute, the errorbox inside the container widget should also scroll<ref> | ||
For more information, please refer to http://www.zkoss.org/javadoc/7.0.1/jsdoc/zul/ContainerWidget.html</ref>. | For more information, please refer to http://www.zkoss.org/javadoc/7.0.1/jsdoc/zul/ContainerWidget.html</ref>. | ||
| Line 6: | Line 8: | ||
<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"/> | ||
</window> | </window> | ||
</div> | </div> | ||
</source> | </source> | ||
| − | When 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<ref>For more information, please refer to [[ZK Component Reference/Tablet Devices/UI Enhancements/Listbox#Friendly_Scrolling_Support|ZK Component Reference Tablet Devices: Listbox]], [[ZK Component Reference/Tablet Devices/UI Enhancements/Grid#Friendly_Scrolling_Support|ZK Component Reference Tablet Devices: Grid]], [[ZK Component Reference/Tablet Devices/UI Enhancements/Tree#Friendly_Scrolling_Support|ZK Component Reference Tablet Devices: Tree]].</ref>. | + | |
| + | = <tt>data-scrollable="false" </tt> = | ||
| + | |||
| + | 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<ref>For more information, please refer to [[ZK Component Reference/Tablet Devices/UI Enhancements/Listbox#Friendly_Scrolling_Support|ZK Component Reference Tablet Devices: Listbox]], [[ZK Component Reference/Tablet Devices/UI Enhancements/Grid#Friendly_Scrolling_Support|ZK Component Reference Tablet Devices: Grid]], [[ZK Component Reference/Tablet Devices/UI Enhancements/Tree#Friendly_Scrolling_Support|ZK Component Reference Tablet Devices: Tree]].</ref>. | ||
ZK EE tablet only | ZK EE tablet only | ||
Revision as of 06:54, 24 June 2015
data-scrollable="true"
if user scroll container widget which applies the data-scrollable attribute, the errorbox inside the container widget should also scroll[1].
Since ZK 7.0.1
<div xmlns:ca="client/attribute">
<window height="100px" contentStyle="overflow:auto" ca:data-scrollable="true">
<textbox constraint="no empty"/>
</window>
</div>
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.