Hello,
Is there a way to hide the form upon successful submission ?
Thanks and best regards,
Philippe
2 Likes
Nope, not yet.
Best regards,
Philippe
I don’t think there’s a Bricks native way to do this right now without some custom JavaScript but I’ll bring this up internally as a potential improvement 
1 Like
Hi guys,
We’ve added some new interactions in Bricks 1.9.2 beta, now available as a manual download in your account (see changelog).
Please let us know if you are still experiencing issues.
As with any beta release, please do not use it on any production/live website. It is only meant for testing in a local/staging environment.
I’m attempting to use Interactions to hide the native Bricks form upon successful submission, and it does seem to work. However, I notice the success message doesn’t display since the entire form goes away. Is there a way to set up the form interaction such that the form field(s) and submit button are hidden after a successful submission but still allow the inline success message to display?
@matchlessweb You can create a custom success message by using any element and initially setting its display to “none”. Then set up an interaction where the trigger is “Form Success” and the action is “Show element”.
2 Likes
Hi
If we display the form message with a popup, the default message of the form will still be displayed. I hope that in the next versions there will be an option to disable them even from the DOM.
Thanks @charaf, I’ll use this method. I’ll just disable the success/confirmation message from the form element.
May I ask how you disable it?
just backspace/delete whatever confirmation message you’ve typed
I came here looking for a built-in way to do this.
In case this helps anyone else, this is what I did:
This hides all the form inputs but doesn’t hide the success message.
This didn’t work… hiding the element keeps it hidden even if the interaction is set to show element when form success is triggered… how to set its default as hidden then?
Set Display to “none” initially. The display setting can be found under Styles > Layout > Misc.
It didn’t work, as I noted in my other comment. The button never shows when display is set to none, even with an interaction set to show it with the form success trigger.
It still works fine on my end. Can you maybe share screenshots of the settings and a URL to the page with the issue?
I got the display:none to work with the show trigger ONLY when applied to a parent block, not the element itself. However, I cannot use the login condition, meaning the button appears when the form is submitted, but when revisiting the toggle window, the button is gone again, as it’s only set to appear when the form is submitted, not to continue showing if the user is logged in. I resolved that by having two parent blocks, one with conditions set to show when logged in and another with display:none and showing upon form submission.
Thanks for the responses.
1 Like