# After Form Submission

**URL:** <https://forum.mautic.org/t/after-form-submission/25665>\
**Category:** Product Support\
**Created:** [October 13, 2022, 8:08am UTC](https://forum.mautic.org/t/after-form-submission/25665 "2022-10-13T08:08:25Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![mikew](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/mikew/32/5156_2.png) [@mikew](https://forum.mautic.org/u/mikew)\
**Post date:** [October 13, 2022, 8:08am UTC](https://forum.mautic.org/t/after-form-submission/25665/1 "2022-10-13T08:08:25Z")

</div>

Hi

Does anyone know if there is a way that after a form is submitted to rather show the “Display Message” inside the form box itself and not ontop. So to have the form disappear and then just show the message?

---

<div class="post-metadata">

**Author:** ![mzagmajster](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/mzagmajster/32/687_2.png) [@mzagmajster](https://forum.mautic.org/u/mzagmajster)\
**Post date:** [October 13, 2022, 8:30am UTC](https://forum.mautic.org/t/after-form-submission/25665/2 "2022-10-13T08:30:28Z")

</div>

If nothing else you can introduce this by adding a little bit of custom JS to your page. Simply hide the form after submission click and show the box how you would like.

Mautic or not - at the end you are still working with web technologies.

Not sure about achieving this via the mautic form builder though… I will follow the thread to see how it develops further 🙂

---

<div class="post-metadata">

**Author:** ![leoschuler](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/leoschuler/32/4798_2.png) [@leoschuler](https://forum.mautic.org/u/leoschuler)\
**Post date:** [October 13, 2022, 6:21pm UTC](https://forum.mautic.org/t/after-form-submission/25665/3 "2022-10-13T18:21:35Z")

</div>

for this particular case, I like to rely on css instead of javascript you can customize the way the form looks after a success submission, one possible scenario is to hide the form entirely and just show the success message with the example below:

```auto
<style>
/* hide the form content when received a success submission */
.mauticform-post-success .mauticform-innerform {display:none}

/* increase the font of the success message */
.mauticform-post-success .mauticform-message {font-size:20pt;margin-top:3em}
</style>

```

---

<div class="post-metadata">

**Author:** ![mikew](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/mikew/32/5156_2.png) [@mikew](https://forum.mautic.org/u/mikew)\
**Post date:** [October 13, 2022, 6:39pm UTC](https://forum.mautic.org/t/after-form-submission/25665/4 "2022-10-13T18:39:55Z")

</div>

Hi. Thanks for that. Seems like a perfect solution. In which file would I make this change ?

---

<div class="post-metadata">

**Author:** ![leoschuler](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/leoschuler/32/4798_2.png) [@leoschuler](https://forum.mautic.org/u/leoschuler)\
**Post date:** [October 13, 2022, 6:52pm UTC](https://forum.mautic.org/t/after-form-submission/25665/5 "2022-10-13T18:52:21Z")

</div>

for me, I just include a .css file with those instruction (and additional styles) and use it in my landing pages, but it really depends on how much you are going to use it. you can include in a theme, or just in the `<head>` of one particular page

---

<div class="post-metadata">

**Author:** ![miamiman](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/miamiman/32/1118_2.png) [@miamiman](https://forum.mautic.org/u/miamiman)\
**Post date:** [October 25, 2022, 1:29pm UTC](https://forum.mautic.org/t/after-form-submission/25665/6 "2022-10-25T13:29:05Z")

</div>

Thanks for this reply. I’ve applied the styling to the css to the stylesheet of a current form theme.

• [https://m.latinpressinc.com/form/176](https://m.latinpressinc.com/form/176)

• [https://m.latinpressinc.com/themes/lpi-transparent/css/lpi-transparent.css](https://m.latinpressinc.com/themes/lpi-transparent/css/lpi-transparent.css)

but the form appears with “?v193ffb43” at the end of the url for the respective stylesheet.

• [https://m.latinpressinc.com/themes/lpi-transparent/css/lpi-transparent.css?v193ffb43](https://m.latinpressinc.com/themes/lpi-transparent/css/lpi-transparent.css?v193ffb43)

Where is the “?v193ffb43” being set in the url? I’ve deleted the cache to no effect.

Thanks for any response.

---

<div class="post-metadata">

**Author:** ![leoschuler](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/leoschuler/32/4798_2.png) [@leoschuler](https://forum.mautic.org/u/leoschuler)\
**Post date:** [October 25, 2022, 2:12pm UTC](https://forum.mautic.org/t/after-form-submission/25665/7 "2022-10-25T14:12:58Z")

</div>

everything after the question mark does not seem to be relevant for your content, if anything , it can force the browser to ignore old cache (with a different vXXX string) perhaps that is why mautic is including that information.

---

<div class="post-metadata">

**Author:** ![leoschuler](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/leoschuler/32/4798_2.png) [@leoschuler](https://forum.mautic.org/u/leoschuler)\
**Post date:** [October 25, 2022, 2:20pm UTC](https://forum.mautic.org/t/after-form-submission/25665/8 "2022-10-25T14:20:36Z")

</div>

I took the liberty of testing your form and it seems to be working fine, including the hiding of the form and showing only the submission message 🙂

---

<div class="post-metadata">

**Author:** ![miamiman](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/miamiman/32/1118_2.png) [@miamiman](https://forum.mautic.org/u/miamiman)\
**Post date:** [October 25, 2022, 2:27pm UTC](https://forum.mautic.org/t/after-form-submission/25665/9 "2022-10-25T14:27:36Z")

</div>

Thanks Leoshuler! I tested a view times but couldn’t get it to clear the url.