Submit knob changing into wait

  • breezing
  • Topic Author
  • Offline
  • Senior Boarder
  • Senior Boarder
  • Posts: 67
  • Thank you received: 1

breezing created the topic: Submit knob changing into wait

Sending a filled out form takes some time and customers think it is not sending.
Is it possible, after klick on 'submit', to change writing 'submit' into 'wait' or 'hang on' this to show something is happening.
#234689
  • mihaela
  • Away
  • Administrator
  • Administrator
  • Posts: 1938
  • Karma: 67
  • Thank you received: 234

mihaela replied the topic: Submit knob changing into wait

Hello,

It is possible to change text on the submit button after clicking on it.

You need to replace the regular submit button with a custom one that will have this functionality.

To achieve so do as follows:

1) Go to your form's Properties and set Include submit button to No. That will remove the default submit button.

2) Create new element of Submit button type. What you write in Value field for that button element is what will be displayed on that button in your form, so that is the place where you should put, for example, "Submit".

3) Go to Advanced properties of that submit button element and in Actionscript section set Type to Custom and mark Click as Action.

In the code area below put the following code:
function ff_submit_action(element, action)
{
     if(typeof bfUseErrorAlerts != 'undefined'){
     JQuery(".bfErrorMessage").html('');
     JQuery(".bfErrorMessage").css("display","none");
    }
    error = ff_validation(0);
    if (error != '') {

        if(typeof bfUseErrorAlerts == 'undefined'){
           swal(error);
        } else {
           bfShowErrors(error);
        }
        ff_validationFocus();
    } else {
        jQuery("#ff_elem932").text('Hold on');
        ff_submitForm();

}
} // ff_submit_action
NOTE: In order for this to work "submit" has to be the name of that submit button that you have created. Also, you have to replace "ff_elem932" with the ID of created submit button which you can find by inspecting the element.

Let me know whether you have managed to set this for your form and whether it works as you wanted.

Regards,

Mihaela
#234692
  • breezing
  • Topic Author
  • Offline
  • Senior Boarder
  • Senior Boarder
  • Posts: 67
  • Thank you received: 1

breezing replied the topic: Submit knob changing into wait

Dear Mihaela,
Thanks for your information. Up to "In order for this to work "submit" has to be the name of that submit button that you have created." it is clear for me but at that point I am loosing you. Could you please explain where to find the right "submit"?
Further I exchanged "ff-element932" in your code for ID 41 "Validate and submit form"
Is that OK?
#234722
  • mihaela
  • Away
  • Administrator
  • Administrator
  • Posts: 1938
  • Karma: 67
  • Thank you received: 234

mihaela replied the topic: Submit knob changing into wait

Hello,

What do you mean by "Further I exchanged "ff-element932" in your code for ID 41 "Validate and submit form"
Is that OK?" The ID has to be replaced with something in format "#ff_elemNUMBER".

Did you by "Could you please explain where to find the right "submit"?" want to ask how to find the ID of the newly created submit button which you have to put in:
jQuery("#ff_elem932").text('Hold on');

If you did here is the explanation.
Preview the form and right click on that submit button. Then click on "Inspect".

Below you will find the ID in the code as shown in this picture:


Let me know is this what you wanted to know.

Regards,

Mihaela
#234723
Attachments:
The following user(s) said Thank You: breezing
Moderators: ForumSupporttomeperica
Time to create page: 0.176 seconds

Community Reward

Help us to create new extensions and plugins! With only $5 you help us a lot and get unlimited download access to all of our products, professional support and even more. Get your reward now!

Read More Here

News and Updates

Get informed about new downloads, updates and more in our News and Updates newsletter.

All Extensions Subscription

Get 1 year access to all of our current and future products and 1 year of professional support -- 99€

No support per domain or website installation limits! Includes all of our current and future Joomla!® extensions, Joomla!® templates for the duration of your membership. This means, by purchasing an All Extensions Subscription you'll have it all covered!

Get it from here

3rd Party Discount - 25% Off

We help you to keep your costs under control. If you are a new member and purchased a form building tool from a different form vendor, then you'll get a 25% discount on our subscription plans.

How to receive the discount:

Send us a quick email to sales@crosstec.org with a proof of purchase (for example a paypal receipt), await payment instructions and enjoy your membership!

Community Reward

Help us to create new extensions and plugins! With only $5 you help us a lot and get unlimited download access to all of our products, professional support and even more. Get your reward now!

Read More Here