Home › Forums › Quform PHP › Success Page
- This topic has 9 replies, 3 voices, and was last updated 8 years ago by azael2k.
- AuthorPosts
- October 31, 2016 at 2:54 pm #20208azael2kParticipant
Hi. I did search before posting but i could not find a solution.
We are using your form do display a form. After the submission the success message comes up ( above or bellow the form ). Is it possible to just have some text and make the form go away?Thanks!
November 2, 2016 at 11:55 am #20216azael2kParticipantHI. Was wondering if anyone can provide assistance?
November 7, 2016 at 3:35 pm #20256AllySupport StaffYou don't have permission to view this content. Please log in or register and then verify your purchases to gain access.
November 7, 2016 at 8:13 pm #20267azael2kParticipantHi. Isn’t this solution for wp version. I don’t use that. We have the php version. Can you please provide a solution for that?
Thanks!November 9, 2016 at 9:36 pm #20275supportModeratorHi,
Sorry for that. You can follow the tutorial here to add some Javascript on success callback.
You need to have this at the beginning of your js/scripts.js :
jQuery(document).ready(function($) {
$('form.quform').Quform({
successEnd: function () {
this.$container.slideUp();
}
});
In this case, I’m waiting for the success message to fade out before sliding up the form. You can use successStart if you don’t want to see the message, as explained in the link.
Hope this helps !
Regards,
Félix
November 14, 2016 at 9:53 am #20298azael2kParticipantHello. I added the code you provided but it’s not doing anything.
Please have a look here: http://www.hseqreports.com/pop-up/Code added: http://prntscr.com/d71xzk
thanks!
November 14, 2016 at 7:45 pm #20305supportModeratorHi,
You need to put the code inside and not on top of what you had before. The beginning of your file should look like this in your case, starting on line 1 :
jQuery(document).ready(function($) {
$('form.quform').Quform({
successEnd: function () {
this.$container.slideUp();
}
});// Tooltip settings
if ($.isFunction($.fn.qtip)) {
$('.quform-tooltip').qtip({
content: {
text: false
},
style: {
...
By the way, you should try to have a look at the end of this file, you have an error thrown in the console.
Feel free to ask if you have more questions !Regards,
Félix
November 15, 2016 at 8:48 am #20308azael2kParticipantHi!
First of all thank you so much for your help.
The form is sliding up now, and that is great, but:– after a few seconds the success message fades away also. How can we have it stay there and not go away?
– also would it be possible to hide the “No thanks …” after for submission? ( http://prntscr.com/d7gxda )Thank you again for all your time.
Regards,
AndreiNovember 16, 2016 at 3:26 pm #20320AllySupport StaffYou don't have permission to view this content. Please log in or register and then verify your purchases to gain access.
November 23, 2016 at 1:27 pm #20397azael2kParticipantThank you so much for your time!
- AuthorPosts
- You must be logged in to reply to this topic.