After submitting the contact form

  • 1
  • Question
  • Updated 3 years ago
  • Answered
How do I control the place of my footer after submitting the contact form in page http://www.janobaghoumian.com/Contact.php stays where it is before I press submit button?
My footer includes Social Icons and Copy Right sentence.
Photo of Negar

Negar

  • 97 Posts
  • 3 Reply Likes

Posted 3 years ago

  • 1
Photo of Peter Sauer

Peter Sauer

  • 150 Posts
  • 65 Reply Likes
Hi Negar
I just checked mine on my site and that is normal to have the page shrink after the submit button is pressed and the response text is shown "Your form has been successfully transmitted.Thank you!"
Photo of Negar

Negar

  • 97 Posts
  • 3 Reply Likes
Hi Peter,
I understand that this might be normal in Yola designed website, but if I wanted to build it from scratch I would fix this. Still I hope there is a way to control this.
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Hello Negar,

There is a solution to this.

The strategy is to have an acknowledgment page that automatically is directed to on submission. The acknowledgement page is not in your navigation so it won't affect that.

The acknowledgement page can be constructed in a customised layout of your design. An excellent way of achieving this is through Jotform and it allows for complete control of the form aspects.
(Edited)
Photo of Peter Sauer

Peter Sauer

  • 150 Posts
  • 65 Reply Likes
Another workaround using your yola form settings is to add this code under your
Your form has been successfully submitted! Thank you!
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p align="center">.......................................</p>




Photo of Peter Sauer

Peter Sauer

  • 150 Posts
  • 65 Reply Likes
Correction use this code.
 If you want more length to the page add more
<p>&nbsp;</p> or visa versa

<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
(Edited)
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
&nbsp's are not reliable in a mobile responsive layout. If you are creating a space after some content then you would be better to define a DIV of a block of a specified dimension, preferably in percentage units or em units. This will respond to the page/screen size responsively.

e.g: <div style="height:xxem;"></div> Where xx is the em value you wish to create the space for.
(Edited)
Photo of Negar

Negar

  • 97 Posts
  • 3 Reply Likes
Thanks Peter and Gob, great advices, I will play with it and come back when I have something to share. I am lucky to have great helps like you, it's so heart warming.