dojox.mobile.FlippableView¶
| Authors: | Yoshiroh Kamiyama |
|---|---|
| Developers: | Yoshiroh Kamiyama |
| since: | V1.6 |
Introduction¶
FlippableView is a container widget that represents entire mobile device screen, and can be flipped horizontally. FlippableView is a subclass of View (= dojox.mobile.View). FlippableView allows the user to swipe the screen left or right to flip between the views. When FlippableView is flipped, it finds an adjacent FlippableView, and opens it.
Constructor Parameters¶
Inherited from dojox.mobile.View¶
| Parameter | Type | Required | Description |
| selected | Boolean | No | If true, the view is displayed at startup time. The default value is false. |
Usage¶
Basic usage is the same as for dojox.mobile.View. Flipping will be performed in the order you place FlippableViews in a page.
Examples¶
Declarative example¶
In this example, there are two FlippableViews, and the user can swipe the screen to flip the views back and forth.
<div id="foo" data-dojo-type="dojox.mobile.FlippableView" selected="true">
<h2 data-dojo-type="dojox.mobile.RoundRectCategory">Page flipping demo</h2>
<div data-dojo-type="dojox.mobile.RoundRect">
Swipe the screen left or right to flip between the views.
</div>
</div>
<div id="bar" data-dojo-type="dojox.mobile.FlippableView">
<h1 data-dojo-type="dojox.mobile.Heading">View 2</h1>
<div data-dojo-type="dojox.mobile.RoundRect">
View 2
</div>
</div>
