Changing Pages
The following table lists the methods you can use to change the active page.
| Method | Description |
|---|---|
| tau.changePage(to) | Programmatically change to another page. The to argument is a page object or string. |
| tau.back() | Loads the previous page in the history list. |
When changing the active page, you can use a page transition.
Tizen wearable Web UI framework does not apply transitions by default. To set a custom transition effect, you must add the data-transition attribute to a link:
<a href="index.html" data-transition="slideup">I'll slide up</a>
To set a default custom transition effect for all pages, use the pageTransition property:
/* JavaScript code */ tau.defaults.pageTransition = "slideup";
The following table lists the page transition properties.
| Property | Value | Description |
|---|---|---|
| data-transition | none | Default value, no transition. |
| slideup | Makes the content of the next page slide up, appearing to conceal the content of the previous page. | |
| pop | Makes the content of the next page pop, appearing to conceal the content of the previous page. In Circular UI, this is default. |