I want to hide the HivePress form after a successful submission while still displaying the success message.
Hi,
Could you please clarify which form you’re referring to (e.g., the user profile form or something else)?
Message, Sign in (register) and Review.
This would require JS customization. Currently, the forms are already cleared after submission, so users cannot accidentally submit twice by clicking the button again. This effectively prevents duplicate submissions, and a success message is displayed.
Hi,
Thank you for your reply. I understand that the form fields are cleared and the submit button is disabled after submission to prevent duplicate entries — that’s great from a technical standpoint.
However, my request is focused on user experience: I’d like the form and submit button to be completely hidden after successful submission, and only the default success message (e.g., “Thank you! Your submission has been received.”) to remain visible.
Currently, even though the form is empty and the button is disabled, the entire form structure is still displayed, which can be confusing or visually noisy for users.
I’m not asking to change the logic — just to hide the form fields and actions once the success message appears, so only the confirmation text is shown.
This can be achieved with a bit of CSS/JS, but I wanted to check if there’s a built-in way or if you’d consider it as a future option.
Thanks!
Thank you for the details. We’ve added this feature to our backlog and will work on improving the UX.
There’s no ready-made code snippet we can provide right now since this would need some research. That said, it’s definitely doable with custom JavaScript. You’d likely need to listen for when the success message DIV appears in the form (the one with the success styling class), use JavaScript to detect that event, remove or hide the necessary elements when that happens. jQuery could be helpful for this implementation.
Hope this helps