Calculation Builder — form.io integration demo

Approach B: a Calculation component (Advanced palette group).  Approach A: the visual builder replaces the raw-JSONLogic textarea in any field's Calculated Value slot.

Approach A (swap calculateValue editor): OFF 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

{}