Change Page

The Change Page action allows you to dynamically navigate to a different page within your app when a specific event occurs and its associated condition is met. This is particularly useful for building multi-page flows such as onboarding, navigation menus, or conditional redirects. Once triggered, this action replaces the current page with the selected target page. You can also specify the page container in which the new page should load, giving you control over nested or multi-container layouts. This action helps guide user experience by automating page transitions without requiring manual navigation.

Properties and Explanation

1

Container

Select the page container where the new page should be loaded. This is especially useful in layouts with multiple containers or nested views.

2

Target Page

Choose the page you want to navigate to when the rule is triggered. Only pages available in your app will appear in the dropdown.

3

Animation (Optional)

Apply a visual transition effect during the page change. You can select from a list of predefined animations to enhance user experience.

4

History Title (Optional)

Set a custom title for the browser history. This helps users understand where they are when navigating back and forth using the browser’s navigation controls.

Full Configuration Example

Below are the screenshot of the Change Page action configuration, showing all properties set for the Container, Target Page, Animation and History Title:

These screenshots show the complete configuration of Change Page action, including all relevant properties set up on the page.

After executing the action, the Page will change when the event occurs, and the condition is met.