• Resolved sinyavinsergej

    (@sinyavinsergej)


    Hello!
    I really need help!
    I need to post after submitting the form at the bottom of the message, as in the Contact Form 7 plugin, without refreshing the page and without redirecting to the thanks page.
    For example, a client fills out a form, presses the “send” button, and the message below appears:
    “Your message has been sent successfully.”
    I wrote to the support service of the Calculated Fields Form plugin, where they sent me one single answer:
    “The plugin requires the form be submitted, an alternative would be insert a ?HTML Content? field in the from to generate an iframe tag in the page, and change the ?target? attribute in the form to submit it in a silent way to this iframe.”
    I did not understand anything. Where to embed.
    Please explain more, please!
    Thank you in advance!

    The page I need help with: [log in to see the link]

Viewing 11 replies - 16 through 26 (of 26 total)
  • Thread Starter sinyavinsergej

    (@sinyavinsergej)

    Plugin Author codepeople

    (@codepeople)

    Hello @sinyavinsergej,

    The issue is simple, every form is including the function:

    
    function silentSubmission(e){
    }
    

    and a button with the onclick event: silentSubmission(this);

    So, the silentSubmission function in the last form overwrites the functions with the same name in the previous forms, so, the solution would be similar to the previous ticket.

    – In the first form the function should be defined as:

    
    function silentSubmission1(e){
    }
    

    and the onclick event of the button: silentSubmission1(this);

    – In the second form the function should be defined as:

    
    function silentSubmission2(e){
    }
    

    and the onclick event of the button in the second form: silentSubmission2(this);

    – In the third form the function should be defined as:

    
    function silentSubmission3(e){
    }
    

    and the onclick event of the button in the second form: silentSubmission3(this);

    Best regards.

    Thread Starter sinyavinsergej

    (@sinyavinsergej)

    Hello, @codepeople !
    Indeed, everything is simple and competent. The form works correctly.

    Money (25$) transferred PayPal: [email protected]

    Thank you very much!

    Plugin Author codepeople

    (@codepeople)

    Hi,

    It has been a pleasure.

    Best regards.

    Thread Starter sinyavinsergej

    (@sinyavinsergej)

    Hello, @codepeople !
    It’s me again ??

    I can not understand one problem…
    Previously, when I sent the form, all the data came to my e-mail. For example:<%fieldname2%> <%fieldname 6%> <%fieldname 7%> <%fieldname 8%>

    Now, after installing the iframe, only <%fieldname 6%> and partially <%fieldname 8%> come to the e-mail address

    Here is a link to a screenshot:
    https://semyaivera.ru/2018/09/26/screenshot/

    Here is a link to the form:
    https://semyaivera.ru/2018/09/26/forms/

    Plugin Author codepeople

    (@codepeople)

    Hello @sinyavinsergej,

    Please, tries with the following code. I’ll take as reference one of forms (if it works properly, you should reimplement the functions in your other forms)

    Edit the “silentSubmission14” function as follows:

    
    function silentSubmission14(e) 
    {
        var f = fbuilderjQuery(e).closest('form');
        f.attr('target', 'auxiliary-iframe');
        if (f.valid()) 
        {
            f.submit();
            jQuery('.display-message-here-14').html('The message after submission here');
            setTimeout(function(){fbuilderjQuery('.cff-processing-form').remove()}, 5000);
            f.reset();
        }
    }
    

    Best regards.

    Thread Starter sinyavinsergej

    (@sinyavinsergej)

    Hello, @codepeople !

    Now the data goes to the post office. Ok!

    But the form is not reset…

    Plugin Author codepeople

    (@codepeople)

    Hello @sinyavinsergej,

    My apologies, please, edit the piece of code: f.reset(); as f[0].reset();

    Best regards.

    Thread Starter sinyavinsergej

    (@sinyavinsergej)

    Now everything works fine!

    And another question: how to indent the left?

    screenshot:
    https://semyaivera.ru/2018/09/26/indent/

    Plugin Author codepeople

    (@codepeople)

    Hello @sinyavinsergej,

    You can assign a padding to the textarea tags through the “Customize Form Design” attribute in the “Form Settings” tab (https://cff.dwbooster.com/images/documentation/form-settings-tab.png), entering the following style definition:

    
    #fbuilder textarea{padding-left:10px !important;}
    

    Best regards.

    Thread Starter sinyavinsergej

    (@sinyavinsergej)

    Hello, @codepeople !

    A great big thank you!

    You’ve been very helpful!

    Have a nice day ??

Viewing 11 replies - 16 through 26 (of 26 total)
  • The topic ‘Help in the Calculated Fields Form to display the frame’ is closed to new replies.