Setting Variables & App Navigation

Topic

In Builder, you can add automations that are triggered when a user interacts with the app.

This article will cover how to set up automations that navigate the user from one screen to another while displaying the variable data you want using [InputRow]!

Example

:hammer_and_wrench: Builder tip: This article uses the Inventory Management template if you want to follow along in Honeycode!

Think about filling out an equipment request form online. You’d likely start out with a list of items to choose from, like in the Inventory Request template below. Once you’ve selected the item you want, you’d probably tap a button, in this case “Request”.

Next you’re taken to a confirmation screen that displays variable data (i.e. the name of the device, Amazon Dot from the last screen).

Wondering how to program your app to navigate between screens and display variable data as shown in this example? Check out the steps below.

Steps

  1. In Builder, click on the Request button, go to properties and open the Actions tab in the Properties panel.

  1. Choose Navigate to New Screen, and select Confirmation as the destination screen.

  2. In the Set variables section, complete the Take data from: and write to: fields. The value of the formula is assigned to the variable InputRow.

:hammer_and_wrench: Builder tip: The InputRow variable is used to transfer values from the current screen (i.e. the device that the app user requests) to the new screen for display purposes.

The builder can use the InputRow variable on the Confirmation screen to show details of the device.
Once the app user clicks on Request button, they are taken to confirmation page where they can view details of the device they requested on the Devices screen, thanks to the InputRow variable.

Video with another example on passing variables between screens!

Was this article helpful?
  • Yes
  • No

0 voters