Logic Flow connected to form

I have a form block that claims NOT to be connected to a Logic Flow, yet the trigger for the logic flow ‘Edit Class Event’ DOES have reference to the page’s form (with identical name). The Form Settings panel says ‘No Flow Connected’ and offers buttons ‘Add a new flow’ or ‘Browse flows’. When I browse the list of flows (I have only one) I do not see how to select a flow to connect it back to the form block. What am I missing?

The Form Settings:

The Flow Trigger Settings:

I’d check the obvious;

  • Do you have any other forms, by the same name, on other pages
  • If so are they linked to this flow
  • Are there any differences in the form field names / types that might cause Logic to exclude that flow it as a linkable match from this form

I’ve successfully linked multiple forms to the same flow in the past however Logic regularly changed its approach and requirement regarding these linkages, and I’m not certain where it sits now.

If you do have multiple identical forms linked, it’s probably safer to put them in a component to guarantee consistency in that “contract” between the form and Logic.

Hey Todd, it sounds like you’re experiencing a discrepancy between the Webflow interface and the actual connections you’ve established. Sometimes these issues can be a result of minor bugs or inconsistencies in the Webflow Designer interface. Here’s a step-by-step guide to help you troubleshoot the connection between your form block and the logic flow:

  1. Refresh the Designer: Start by simply refreshing the Webflow Designer. Sometimes this simple step can solve minor glitches.
  2. Double-Check the Flow: Go to the Logic Flow you’ve mentioned, and make sure the ‘Edit Class Event’ really is pointing to the correct form. Remember that form names need to be unique, especially if you have multiple forms on your site.
  3. Reconnect The Flow:
  • Delete the trigger in the Logic Flow that’s referencing the form.
  • Save changes.
  • Refresh the Webflow Designer.
  • Recreate the trigger and select the appropriate form from the list.
  • Go back to the form’s settings panel to see if the connection now appears.
  1. Manual Connection:
  • Go to the Form Settings panel.
  • Click on “Add a new flow.”
  • Instead of creating a new flow, select the existing flow from the list (if it appears) to manually link it.
  1. Clone The Form: If the issue persists:
  • Duplicate the form block.
  • Delete the original form block.
  • Reconnect the duplicated form to the Logic Flow.
  1. Check for Conflicting Names: If you’ve used similar or identical names for different forms, you might be seeing the wrong form in your logic flow. Rename the form block in question to something unique, and then attempt to reconnect it to the Logic Flow.
  2. Backup and Restore: If none of these steps work:
  • Backup your current version of the project.
  • Restore to an earlier version where the connection was working.
  • Try making your desired changes again.

Let me know if that helps!

Thank you for your replies. There is only one form and one flow in my workspace. This is my first time creating a form and flow to learn the functionality.

I believe my issue first manifested after these steps:

  1. create the form
  2. click the ‘Add a new flow’ button creating a new trigger
  3. Notice that the form name was still the default name
  4. Go back to form and change the name to something descriptive
  5. Go back to the flow and reconnect to the form with this new name
  6. Complete the logic with reference fields from the form
  7. Go back to the form and discover that it is still disconnected
  8. This then is when I posted my question

I fixed the issue by executing STEP 4 ‘Manual Connection’ outlined above. After pressing the ‘Add a new flow’ button I recreated the logic for the new trigger. There doesn’t seem to be a way to copy/paste logic from the old trigger. I then deleted the old flow trigger.

Testing form submit and it does not work.

The form is properly connected to the logic flow but the SUBMIT button doesn’t work. The generated HTML tag does not contain an action attribute. I expect this form’s action URL attribute would be calculated for me. I did not specify a redirect URL as the form settings state “This form is controlled by the logic flow: Class Event Dialog Flow.”

(form id=“wf-form-Class-Event-Dialog” name=“wf-form-Class-Event-Dialog” data-name=“Class Event Dialog” method=“get” data-wf-flow=“9bd3e7268b972a6631cf233b” data-wf-page-id=“64d4f098ebc91e4301a10714” data-wf-element-id=“ff1c3fe2-3f87-c58a-fe2c-886f82a224ff” aria-label=“Class Event Dialog”)

The reason why the Submit button did not work is that I had written custom code to present the modal dialog centered on the viewport with a background pane that would close the dialog when clicked. Clicking anywhere on the dialog was closing the modal. I wrote code to try to prevent the click event propagation. It is this code that disabled the Submit button click.

function modalPaneCloseFn() { modalpane.style.display=‘none’;}
modalpane.addEventListener(‘click’, modalPaneCloseFn);
var modalframe = document.querySelector(‘.modal-frame’);
modalframe.addEventListener(‘click’, function(event) {
event.stopPropagation();
event.preventDefault();
return false;
});