VVibeFlui

Conditional Fields

Fields can be hidden globally or shown conditionally.

Hidden fields

TS
{
  name: "internalId",
  type: "hidden",
  hidden: true
}

hidden: true prevents the field from rendering and excludes it from mapped form values.

Mode-based hiding

TS
{
  name: "password",
  type: "password",
  createValueMode: "empty",
  editValueMode: "hidden"
}

editValueMode: "hidden" hides the field during edit mode.

TS
{
  name: "createdBy",
  type: "hidden",
  createValueMode: "hidden"
}

createValueMode: "hidden" hides the field during create mode.

visibleWhen

TS
{
  name: "suspensionReason",
  label: "Suspension reason",
  type: "textarea",
  visibleWhen: {
    key: "status",
    operator: "equals",
    value: "suspended"
  }
}

The field renders only when the condition is true.

Supported condition operators

OperatorMeaning
equalsValue equals expected value.
notEqualsValue does not equal expected value.
containsValue contains expected value.
notContainsValue does not contain expected value.
existsValue exists.
notExistsValue does not exist.
inValue is in expected array.
notInValue is not in expected array.
gtGreater than.
gteGreater than or equal.
ltLess than.
lteLess than or equal.

Validation and visibility

Hidden or not-visible fields are skipped by validation.