Value calculations for your prototypes

Add mathematical expressions to your prototypes. In our example, when you enter three numerical values and press the “Calculate” button, the total will be calculated. 

Add mathematical expressions to UI prototypes

To add mathematical calculations to your prototypes, follow these steps:

  1. In a new prototype, drag four Input text Fields, four Text widgets and a Button, and lay them out as you can see in the example above.
  2. Select the Button, go to the Events palette and add an “On Click” + “Set Value” event.
  3. Select the Input Text Field where the total will be displayed, and click on the “Calculated” button located next to the “value is'”input, at the bottom of the Events dialog.
  4. Drag the first three Input Text Fields and the ‘+’ function onto the Expression builder, as shown in the image below:
    • Add math expressions to UI prototypes
    • Click “OK” twice.

And that’s all. Click “Simulate” to interact with your prototype.

You can download our example here.