Skip to main content

🧭 Navigation

The Navigation category in the Workflow editor contains actions that let you control app flow and user navigation. By attaching these actions to UI elements (e.g., buttons), you can guide users to different parts of your app or external websites.

1. Go Back​

The Go Back action navigates the user to the previous page or screen in their navigation history.

How to Use

  1. Select the element on your canvas (e.g., a button) you want to attach the action to. Click on it to open left and right bar. In the left bar click Add Action → More actions....
  2. In the workflow canvas, click the plus (+) button and choose Navigation → Go back.
  3. There is no additional configuration required. The action automatically returns the user to the previous screen.
  4. Click Save, then Preview your app. When users click the button, they’ll be taken back to the previous screen.

Use Cases:

  • Back Button: Providing a back button on a secondary screen to let users easily return to the main screen.

Use the Open Link action to navigate the user to an external URL, such as a website, documentation page, or third-party resource.

How to Use

  1. Select the element on your canvas (e.g., a button) you want to attach the action to. Click on it to open left and right bar. In the left bar click Add Action → More actions....
  2. In the workflow canvas, click plus (+) and select Navigation → Open link.
  3. Enter the URL you want users to open (e.g., https://example.com).
  4. Click Save. In Preview, clicking the button will open the specified link in a new browser tab or within the app, depending on your app’s configuration.

Use Cases:

  • External Resources: Linking to help documents, FAQs, or third-party sites.
  • Social Media: Directing users to social media profiles.

3. Go to Screen​

The Go to Screen action navigates users from the current screen to a different screen within your app.

How to Use

  1. Select the element on your canvas (e.g., a button) you want to attach the action to. Click on it to open left and right bar. In the left bar click Add Action → More actions....
  2. In the workflow canvas, click plus (+) and select Navigation → Go to screen.
  3. Choose the target screen from the dropdown list (e.g., Home, Profile, Contact Us).
  4. Click Save, then Preview your app. Clicking the button will transition to the specified screen.

Use Cases

  • Main Navigation: Creating a primary navigation menu where each button goes to a different screen (e.g., Home, About, Contact).
  • Onboarding Flows: Moving users from a welcome screen to a sign-up form, then on to a main dashboard.

Best Practices & Tips​

  • Test Each Action: Preview your app regularly to confirm each navigation action works as intended.
  • Combine with Other Actions: You can chain multiple actions together (e.g., update a database row, then go to a success screen).
  • Consider App Structure: Ensure your screens are named logically and grouped in a way that makes sense for your user flow.

Need Assistance?​

If you encounter any challenges or require further guidance while building your app, please refer to the Documentation or, contact our support team at [email protected].