Visibility

Every element on the canvas has an optional visibility expression. When the expression evaluates to a falsy value the element is hidden from the user; when it evaluates to truthy the element is shown normally.

Visibility is evaluated reactively — as field values change, any element whose visibility depends on those values updates immediately without a page reload.

Expression syntax

Visibility expressions are short JavaScript-style expressions evaluated in the context of the current form state. Reference other elements by their element ID and check their current value.

Common patterns:

• Show when another field has a specific value:

  InputField === "yes"

• Show when a numeric field exceeds a threshold:

  Quantity > 5

• Show when a field is not empty:

  !!Notes

• Combine conditions:

  Type === "custom" && Region !== "EU"

TIP

Element IDs are set in each element's property panel. Use short, descriptive IDs so expressions stay readable.

WARNING

Hidden elements are still present in the form DOM — they are not removed. They are excluded from the submission output when hidden.