Calculation Builder — form.io integration demo

Approach B: a Calculation component (Advanced palette group).  Approach A: the visual builder replaces the built-in code editors in any field's calculation and condition settings.

Approach A (swap calculateValue editor): ON Edit a component → Data tab → Calculated Value to see it.

Form builder

Drag Calculation from the Advanced group (Approach B), or open any field's settings → Data → Calculated Value (Approach A, when enabled).

Live form

Rendered from the builder schema. Type values — calculated fields recompute via the real form engine.

Submission data

{}