Home › Forums › Quform PHP › Success Page
- This topic has 9 replies, 3 voices, and was last updated 8 years, 6 months ago by
azael2k.
- AuthorPosts
- October 31, 2016 at 2:54 pm #20208
azael2k
ParticipantHi. 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 #20216azael2k
ParticipantHI. Was wondering if anyone can provide assistance?
November 7, 2016 at 3:35 pm #20256Ally
Support 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 #20267azael2k
ParticipantHi. 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 #20275support
ModeratorHi,
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 #20298azael2k
ParticipantHello. 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 #20305support
ModeratorHi,
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 #20308azael2k
ParticipantHi!
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 #20320Ally
Support 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 #20397azael2k
ParticipantThank you so much for your time!
- AuthorPosts
- You must be logged in to reply to this topic.