Skip to main content
Open Page Action

An action that navigates a user to a new page.

Updated over 2 weeks ago

Overview

Open Page actions take the user from their current page to a selected destination page. You can customize the transition animation or use a native Apple transition, like Default or Full Screen.

Open Page actions are often paired with Dismiss Page actions.


Action Properties

Page

Select the destination page.

Style

Set the page transition style to Default, Full Screen, or Custom:

  • Default: The page opens natively. Without a navigation bar present, the page will enter from the bottom and will look like a modal sheet but without sheet properties. With a navigation bar present, the page will enter from the right, and the nav bar will transition natively.

  • Full Screen: The page will enter from the bottom, fill the full screen, and will need a Dismiss Page action to be dismissed.

  • Custom: The page opens with custom animation. The following properties are only relevant for custom page styles.

Animation

Set the transition animation between pages (for Custom style only):

  • None: The page immediately transitions without animation.

  • Move In: The page moves into view.

  • Scale In: The page scales into view.

  • Push In: The page pushes the previous page until the page is in view,

  • Fade In: The page fades into view.

  • Scale Up: The page scales up from the object firing the interaction.

Move In From

Set the direction that the destination page animates into view: Top, Left, Bottom, or Right. (for Custom style only)

Load on Root Level

Set if the new page should load on top of all page containers. (for Custom style only)

Animate

Choose to add action-specific animation with properties like Delay, Duration, and Easing (this will override values in animate blocks) (for Custom style only):

  • Delay: Set the number of seconds between the trigger firing and the action(s) beginning.

  • Duration: Set the number of seconds the action will take to complete

  • Easing: Choose the action's easing curve: Default, Linear, Ease In, Ease Out, Ease In & Out, Spring, and Custom (write your easing curve using the Expression Editor).


Resources

Projects

Videos

Did this answer your question?