Success Page

Home Forums Quform PHP Success Page

This topic is: resolved
Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #20208
    azael2k
    Participant

    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!

    #20216
    azael2k
    Participant

    HI. Was wondering if anyone can provide assistance?

    #20256
    Ally
    Support Staff

    You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

    #20267
    azael2k
    Participant

    Hi. 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!

    #20275
    support
    Moderator

    Hi,

    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

    #20298
    azael2k
    Participant

    Hello. 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!

    #20305
    support
    Moderator

    Hi,

    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

    #20308
    azael2k
    Participant

    Hi!

    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,
    Andrei

    #20320
    Ally
    Support Staff

    You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

    #20397
    azael2k
    Participant

    Thank you so much for your time!

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.
Be inspired. © 2020 ThemeCatcher Ltd. 20-22 Wenlock Road, London, England, N1 7GU | Company No. 08120384 | Built with React | Privacy Policy