On Submit display image?

Hi all,

As an alternative to having an upload progress bar, which seems quite involved for a designer like me and is unanswered in the forums so far, Is there a way of using the "On Submit code" in the back end to display a small loading gif next to the file upload field when the form is submitted?

Or

Alternatively using this method to display a "please wait" uploading message whilst a large file is uploaded?

Thanks😀

I believe I posted a JScript solution for this a few weeks ago (please wait-message)..
Roughly though, I added a <div> block with a known id and custom style "visibility: hidden", and then added an onSubmit event to alter it's state to visible.

Edit: I found the post: http://www.chronoengine.com/forums/index.php?option=com_chronoforums&cont=posts&f=2&t=14147&start=0

/Fredrik

Thanks Fredrik,

This works a treat.

Thanks Fredrik, for your solution.
I'd like to reopen this thread again, because i didn't find a solution that fits my needs...

I've implemented your draft and it works fine. The loading-button is shown, BUT also if the JS-Validation is NOT successfull! This is not useful🙂

Is there a way to fire a "showLoading"-function AFTER a successful form validation??
E.g. extend the onValidateSuccess-Event in the FormCheck-Class?

formCheck = new FormCheckMax('chronoform_id', {
   onValidateSuccess: $empty,
   display : { showErrors : 1 }
});

PS: where dfoes the "$empty" come from?

Cheers!