CalcBuilder Forum

add a progress bar after hit the calculate button

User alexanderich 2015-02-26 14:44:49

first of all thank you for the previous answers it all works.

I have the last question for you.I think I have become your nightmare.

Is there a way to add a progress bar after they hit the calculate button? I have a form with 6 image uploads and it takes about
25 seconds to submit. I don't want the viewer to think nothing is happening while it's working to upload.

I found this code but I can not adapt it.


https://www.rsjoomla.com/forum/37-rsform-pro/7624-progress-bar.html


I think you have a more simple way to solve my problem

tanks

Edited by alexanderich - 26.02.2015 17:39

Moonsoft support 2015-02-27 09:05:37

Hi,
you're welcome, we're happy to hear you're able to build complex forms using our tool. About a 'wait' section, you can do the following.

Create any needed content at your form section (a wait message/a loading gif..) and place it inside a div with a specific id

div id="waitsection"


Then you need to hide it by default. At javascript tab 'executed on loaded page':

CB("#waitsection").hide();


Now use the tab 'execute before calculate' to show it:

CB("#waitsection").show();


And hide it again when calculation is finished at 'executed after calculate' tab:


CB("#waitsection").hide();


Hope this helps

User alexanderich 2015-03-02 15:35:40

hi,

I solved my problem in part.
When I click on the "calculate" it shows the "div" even if there is a required field that has not been entered. the progress bar is displayed even if it shows the error "this field is required." to solve my problem I added these lines of code. The code seems to work but does not show the result.

"in before calculate execution"
if (CB(".cb_form").eq(1).validate().form()) {
return false;
CB("#waitsection").show();
}else
{

}

tks

Moonsoft support 2015-03-02 17:24:42

Hi,

'return false;' when form is validated is stopping execution of the submit function. Did you try without that line?.

Regards,

User alexanderich 2015-03-02 19:11:27

ok thanks i solved

...
CalcBuilder

Create dynamic calculators

Buy now!
...
Support/development 40 hours

With the peace of mind of having a professional team at your service (20% discount)

Buy now!