Confirmation questions

Yea this is by design, the confirmation text is going to appear where the form was. No way around that as that is where the form is displayed. You would have to use the page redirect and redirect to a custom page in order to have more control over it.

Actually, you can do something very similar with a little CSS tweaking and a simple jQuery function.

To keep things really simple for this test, I created a new page template for this particular form and just included an inline style block and snippet of jQuery.

If you wanted to style all of your form confirmations the same way, you could add the styles to your theme style sheets and the jQuery snippet to your header.

Here's what I added inline

<!-- new styles for the standard inline confirmation -->
<style>
#gforms_confirmation_message {
	width:500px;
	position:absolute;
	top:0;
	left:0;
	z-index:5000;
	background-color:#A4FA7F;
	border:10px solid #82c466;
	color:#4f763e;
	font-size:28px;
	line-height:110%;
	padding:20px 10px;
	text-align:center;
}
</style>

<!-- call the jQuery library if not already loaded in theme -->

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<!-- the function to fade the confirmation text -->
<script type="text/javascript">
  $(document).ready(function(){
   setTimeout(function(){
  $("#gforms_confirmation_message").fadeOut("slow", function () {
  $("#gforms_confirmation_message").remove();
      });

}, 3000);
 });
</script>

I called the "jquery.min.js" file in since it wasn't already being used in this test theme. Of course, you'll want to make sure you're calling the jQuery library somewhere in the code before the snippet so it all works.

The last value (3000) in the function is the time delay in milliseconds before the fade effect occurs. You can adjust that value to suit your preference.

I put together a quick test that you can see here. The video doesn't really capture the slow fade effect well, but you'll get the idea.

Demo Video

That's pretty much it - nothing too fancy. Here's the basic page template markup so you can see it all together.