[Plugin: Contact Form 7] How can you move status meesage to the top of the form.

  • 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…

Viewing 10 replies - 1 through 10 (of 10 total)

  • 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!

    Can you or someone else please more clearly explain this?

    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

    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

    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!

    Thread Starter jderosa3

    (@jderosa3)

    thank you for the responses! Awesome!

    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.

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

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

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

    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?

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘[Plugin: Contact Form 7] How can you move status meesage to the top of the form.’ is closed to new replies.