Usage Scenario: Per Capita Budget Calculation

In a human resources application, we want to calculate the budget per person by dividing the total annual budget by the number of employees. This calculation can be done by pressing the “Calculate” button after the user fills out a form.

Application Steps:

  1. Switch to the UI Design module.
  2. Through a Form component:
    • “Total Budget” (Value)
    • Create the “Number of Employees” (Value2) fields.
  1. Then add a button. From the Properties panel, name the button as “Calculate”.
  2. From the + ADD ACTION menu to run when this button is clicked:
    • OnClick → Arithmetic → Divide action.

Configuring the Divide Action:

  • Value: Symbol Picker > Components > Number Input
  • Value2: Symbol Picker > Components > Number Input

The result can then be displayed in another component (for example a Label or Text component).