Scrollview

From Documentation
Revision as of 10:24, 14 August 2012 by Vincent (talk | contribs) (→‎Example)

Scrollview

Employment/Purpose

Scrollview provides a container to make its content scroll-able on tablet/mobile device.

Example

You can scroll up/down to see other window components with the following sample ZUL. ScrollviewExample.png

<scrollview vflex="1" hflex="1">
    <zk forEach="1,2,3,4,5">
        <window title="window ${each}" border="normal" width="255px" height="200px">
        This is Window ${each}
        </window>
    </zk>
</scrollview>

Properties

Orient

The default orient of child components inside Scrollview is vertical. You can also change it to horizontal.

<scrollview vflex="1" hflex="1" orient="horizontal" />

Supported Events

Name
Event Type
onScroll
Event: ScrollEvent

Denotes the content of a scrollable component has been scrolled by the user. Notice that you can check if it is scrolled outside boundaries by invoke getOutOfBound method in the ScrollEvent.

onScrolling
Event: ScrollEvent

Denotes that the user is scrolling a scrollable component.

Supported Children

*ALL

Use Cases

Version Description Example Location
     

Version History

Last Update : 2012/08/14


Version Date Content
6.5.0 August, 2012 new added component



Last Update : 2012/08/14

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