Cornerstone Form as a component only works on one page

Support
#1

Hi there, I’ve encountered another CS Forms issue - this time, I’ve created a form and turned it into a component as per the overview video in the Docs section…

This now only passes form entries back when it’s completed on a certain page, and I can’t figure out why. I’ve tried tons of tests, new forms, using it as a normal form (inside the modal it’s housed in) as well as the component modal it is now within. It seems it will only ever deliver a submission when entered on one page.

#2

I also used the same form as the base for the one on the contact page, adding a thank you message in a div that only shows on successful completion - the div appears, but the submission isn’t logged

#3

Hey Emmett,

I have downloaded your form to my local testing server.

image
image1272×868 199 KB

  1. Remove the condition from the Form element and from any container wrapping it – the form must remain rendered for the submission to be saved. This is the essential step.

  2. Move your success message above the form – place the element containing your thank-you message before the Form element in the layout, and apply the “Submitted Without Errors” condition to that message element only. Because it renders before the form releases its context, the condition evaluates correctly.

  3. Enable Reset On Submit on the form – this clears the fields after a successful submission, so the form is ready for reuse and visibly responds.

We have verified this configuration end to end: the entry is saved and the message displays. Please also check any template you started from, as some ship with the condition already applied to the Form element.

Thanks.

#4

Thanks, I will try this today. My main issue seemed to be with the version inside the modal. That one doesn’t have any thank you message etc, but again, only worked on one page? Adding it as a component to any other page, either on its own or as part of a section, seemed to break it somehow

#5

The form on the contact page works as described. Thanks again for that. The issue with the forms within the modals has been fixed - I think I must have added the conditions to the form element rather than the individual elements or wrapper inside the form (as per https://www.youtube.com/watch?v=CNq7ciABM-Y)

One more question - is there a way to keep the modal open after submitting? It seems to close no matter what at the moment.

Thanks again

#6

Hey Emmet,

Try enabling AJAX option in the Form settings.
image

Thanks.