This component defines the root of each page. If the content is large it will become scrollable.
A navigation bar can be added to the top of the page using the <ons-toolbar>
element.
<Page>
componentThe <Page>
component serves as the main view of a screen in an app. It covers the whole screen and is used as a container for the other components.
<Page>
Content goes here
</Page>
Name | Type | Description |
---|---|---|
modifier | String | Specify modifier name to specify custom styles. Optional. |
on-infinite-scroll | String |
Path of the function to be executed on infinite scrolling. Example: app.loadData . The function receives a done callback that must be called when it’s finished.
Optional.
|
Name | Description |
---|---|
onInfiniteScroll | Function to be executed when scrolling to the bottom of the page. The function receives a done callback as an argument that must be called when it’s finished. |
onDeviceBackButton | Back-button handler. |
data |
User’s custom data passed to pushPage() -like methods.
|
Name | Description |
---|---|
material | Material Design style |
Name | Description |
---|---|
init | Fired right after the page is attached. |
show | Fired right after the page is shown. |
hide | Fired right after the page is hidden. |
destroy | Fired right before the page is destroyed. |
Fired right after the page is attached.
Name | Type | Description |
---|---|---|
event | Object | Event object. |
Fired right after the page is shown.
Name | Type | Description |
---|---|---|
event | Object | Event object. |
Fired right after the page is hidden.
Name | Type | Description |
---|---|---|
event | Object | Event object. |
Fired right before the page is destroyed.
Name | Type | Description |
---|---|---|
event | Object | Event object. |
If you have any questions, use our Community Forum or talk to us on Discord chat. The Onsen UI team and your peers in the community will work together to help solve your issues.
For bug reports and feature requests use our GitHub Issues page.