Progress Bar During Submission

[cflapt]

I have a details page with text fields that allows the user to submit data. After submission the destination is the same datapage so the user can keep editing the details page if they wish. After they click submit I'd like a progress bar/status bar that takes over the screen and says something like "Saving...." or "Processing......"

 

Just like this js example does: http://forums.caspio.com/index.php/topic/4314-js-auto-submit-a-datapage/

 

 

 

Also, if a user makes changes to the details page and tries to close the window before submitting, I 'd like a message to save "You have made changes to this form that you have not submitted/saved. Are you sure you want to close this window."

 

Thanks in advance for the help. 

[Jan]

Hello cflapt,

 

I think, you can use an Auto-Submit DataPage, if it works for you.

You can set this Auto-Submit DataPage as Destination page of your DataPage, and set your DataPage as Destination page of the Auto-Submit DataPage.

[Kurumi]

Just an update: Caspio released a new awesome video about Progress Bar. You might check this one out!
 

 

Hope it helps!

[NailDyanC]

Hello, just to add to the previous comments above, you can also add a spinner animation for DataPage loading: https://howto.caspio.com/tech-tips-and-articles/adding-spinner-animation-for-datapage-loading/