Take the 2-minute tour ×
WordPress Development Stack Exchange is a question and answer site for WordPress developers and administrators. It's 100% free, no registration required.

I have a very long page and CF7 at the bottom. The problem is that when/if the user completes the fields and press Submit, the error or successful messages appear near the Submit button, but at the bottom, whilst the page scrolls up because of the refresh.

Is there a way I can show this message in a Fancybox pop-up/modal window, that would be closed after the user will click on it or outside?

share|improve this question
    
Check out this plugin: wordpress.org/plugins/contact-form-7-response-colorbox-popup I hope it's what you need. –  user46114 Feb 3 at 21:23
add comment

2 Answers

I am not fully aware of the possibilities of cf7 or your abillities to change it. But when I come across a situation like this i find it more user friendly that your page scrolls back down. You can do this by adding an anchor to your post of the form like #contactform , so when the page refreshes to ...#form it scrolls back down. I think this will be easier to achive than to go change to plugin to have it in some modal popup. Also when users have to change something in the form, they are already back at the form.

check out http://www.w3schools.com/tags/tag_a.asp, or just google html anchors for more info. and add the needed changes to the plugin form. http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_link_bookmark

share|improve this answer
2  
w3fools.com - better reference sources in this page ;) –  brasofilo Jul 12 '12 at 19:59
    
how is this relevant? –  woony Jul 12 '12 at 20:07
    
Do you mean how much harm can be done by faulty documentation (w3schools)? –  brasofilo Jul 12 '12 at 20:15
    
not everything is faulty, i'm just referring to the anchor tag. I'm not saying, now go and study this entire website, and use it like your bible... –  woony Jul 12 '12 at 20:16
add comment

just put [response] at the top of your form and when the form submits and the page reloads the message will be at the top.

share|improve this answer
    
This is a shortcode provided by CF7, correct? –  s_ha_dum Aug 15 '13 at 13:23
    
Erm, that wouldn't be helpful as the point was to avoid having the message at the top, then the question was if I can show it in a lightbox without the page jump; also, I don't think that one year ago when I've started the question the [response] code existed, or I just don't remember, not that it would have helped –  Chris Demetriad Aug 15 '13 at 13:36
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.