WordPress.org

1. jderosa3
   Member
   Posted 3 years ago #

   I would like to move the message status to the top of the form rather than below it (under the submit button) - Reason is I have a long form and when you press submit to send the message the page loads back to the top and the status message is at the very bottom where most if not all users will not scroll down to see.

   I would like the status up top so the user can immediately see what it is when they press submit...

   Thanks for any insight...

2. infonlinebr
   Member
   Posted 3 years ago #

   search in wp-contact-form-7.php "// Post response output for non-AJAX" cut this line until "$form .= '</div>';"

   and put everything before "$form .= '<form action="' . $url . '" method="post" class="wpcf7-form"' . $enctype . '>';"

   sorry my bad english!

3. djones101
   Member
   Posted 3 years ago #

   Can you or someone else please more clearly explain this?

4. djones101
   Member
   Posted 3 years ago #

   infonlinebr,

   If you want to write it in your native tongue and I can use google translator to translate the information I would be greatly appreciative. Just please let me know what language I am translating from.

   Thanks

5. djones101
   Member
   Posted 3 years ago #

   Woo Hoo!!! Finally something that works. Thank you so much infonlinebr!!!

   Okay basically look for the line

   // Post response output for non-AJAX

   You want to use the cut command and cut/copy the code until after you come to

   $form .= '</div>';

   Then you want to paste those 24 lines of code prior to

   $form .= '<form action="' . $url . '" method="post" class="wpcf7-form"' . $enctype . '>';

   Hopefully this helps. It makes more sense when I re-read your infonlinebr... I think i was just up coding too long the other night when I originally read your post.

   Thanks again,

   Dan

6. djones101
   Member
   Posted 3 years ago #

   One issue still exists with this. The validation no longer works properly. Required fields no longer turn red when the field is submitted empty. Any way around this?

   Thanks again!

7. jderosa3
   Member
   Posted 3 years ago #

   thank you for the responses! Awesome!

8. KaBlog
   Member
   Posted 2 years ago #

   Instead of cutting the 24 lines of code out of their original location and then pasting them in the new location, I copied and pasted the code. In other words, that 24 line block of code now exists in two locations within the file.

   The result is that the status message now displays in two places (both above and below the form), while the validation of required fields continues to work.

9. Takayuki Miyoshi
   Member
   Posted 2 years ago #

   Currently you can simply get it with [response] tag.

   http://ideasilo.wordpress.com/2009/05/31/contact-form-7-1-10/

10. Michael Mann
    Member
    Posted 2 years ago #

    [response] tag is awesome. Placed it at the top of my form and it shows the status message above the form only.

11. almyers3
    Member
    Posted 2 years ago #

    Having some students still using IE 7. The confirmation message is appearing in a pretty wacky spot being off to the right where no one is seeing it. They assume they need to send the form again. Any ideas on keeping the message at the bottom in IE 7?

Topic Closed

This topic has been closed to new replies.