Page Actions
Updated over a week ago

A page action is a response to a trigger that affects the user's page or page properties.

Go To Page

A Go To Page action takes the user from the current page to the destination page.

  • Select Page: Select the destination page (Ex. when the trigger fires, the user is taken to X page)

  • Select Animation: Choose how the destination page animates into view; options are None, Move In, Scale In, Push In, Fade In, or Scale Up

  • Move In From: Choose the direction that the destination page animates into view from; options are Top, Left, Bottom, or Right

  • Load On Root Level: Decide if the new page should load on top of all page containers

  • Delay: Set the number of seconds between the trigger firing and the action beginning (Ex. action will occur X seconds after the trigger fires)

  • Duration: Set the number of seconds the action will take to complete (Ex. action will occur over the course of X seconds)

  • Easing: Choose the action's easing curve; options are Default, Linear, Ease In, Ease Out, Ease In & Out, or Spring

Back To Page

A Back To Page action takes the user back to the previous page. Back To Page actions inherit the action settings of the Go To Page action that took the user to that page.

  • Duration: Set the number of seconds the action will take to complete (Ex. action will occur over the course of X seconds)

  • Easing: Choose the action's easing curve; options are Default, Linear, Ease In, Ease Out, Ease In & Out, or Spring

Open Modal

An Open Modal action opens another page as a modal on top of the user's current page.

  • Select Page: Select the destination page (Ex. when trigger fires, X page is open in a modal)

  • Modal Size: Choose if the modal's size should be Large, Medium, or Medium & Large

  • Start Size: When "Medium & Large" Modal Size is selected, choose whether the modal starts as Medium or Large

  • Corner Radius: Set the modal's corner radius (Ex. the modal's corner radius is X pts)

  • Grabber: Choose if the modal's grabber is displayed

  • Prevent Dismissal: Choose if the user is able to dismiss the modal by swiping down

  • Always Scrollable: Choose if the modal's content can be scrolled

  • Interaction Beneath: Choose if the user is able to interact with content beneath the modal

Close Modal

A Close Modal action closes the open modal.

  • Use Animation: Choose if the modal animates as it closes

Set Status Bar

A Set Status Bar action changes the appearance of your device's status bar.

  • Style: Set the status bar's style; options are Auto, Light, and Dark

  • Show Status Bar: Choose if the status bar is visible or not

  • Animation: Choose if the status bar changes are animated

  • Delay: (available only when animation is turned on) Set the number of seconds between the trigger firing and the action beginning (Ex. action will occur X seconds after the trigger fires)

  • Duration: (available only when animation is turned on) Set the number of seconds the action will take to complete (Ex. action will occur over the course of X seconds)

  • Easing: (available only when animation is turned on) Choose the action's easing curve; options are Default, Linear, Ease In, Ease Out, Ease In & Out, or Spring

Did this answer your question?