Update Repeat Header Color Based on Status

This guide explains how to configure a Formyoula form so that the Repeat Group entry header color changes dynamically based on the Status field value.

1. INITIAL SETUP:

  • Drag and drop two "Text", a “Select” and two "Field Update Workflow" fields inside a “Repeat” field onto your form as shown below.
  • Rename the fields as needed.
image
  1. CONFIGURE THE FIRST “FIELD UPDATE WORKFLOW” FIELD:
  • Click the pencil icon of the first “Field Update Workflow” field.
  • Configure the Rule Criteria:
    • First Name || Not equal to ||
image
  • Configure the Field Updates Success:
    • Status Select || event || input:set:success
image
  • Configure the Field Updates Fail:
    • Status Select || event || input:set:success
image
  1. CONFIGURE THE SECOND “FIELD UPDATE WORKFLOW” FIELD:
  • Click the pencil icon of the second “Field Update Workflow” field.
  • Configure the Rule Criteria:
    • Status Select || Not equal to || Open
image
  • Configure the Field Updates Success:
    • Contact(Repeat group) || repeat group header || <span class="label label-danger">{{Field ID of the First Name field}}</span>
    • This will display the First Name inside a red header when the status is not Open.
image
  • Configure the Field Updates Fail:
    • Contact(Repeat group) || repeat group header ||<span class="label label-primary">{{Field ID of the First Name field}}</span>
    • This will display the First Name inside a blue header when the status is Open.
image
  • Enable the “Evaluate Workflow On Repeat Entry Delete” option.
image
  1. TEST YOUR FORM:
  • Try your form.
  • Add a few Contacts.
  • It updates the Repeat entry header color dynamically based on the “Status Select” value.
image

Note: It will work with the repeat prefill as well.

For any questions, please contact us - [email protected] or the Formyoula in-app chat. 🙂