Hi Bob,
It;s working now, there were too many <div> in the design area
Pls find what I have put in, including hiding the reset-button
In the SetUp part, OnLoad
In the HTML (renderform)
Put in Form Class: chronoform
Put in the Form Tag Aattchment: data-gvalidate_success='showLoader'
Load a Load JavaScript Function in the OnLoad Part and put in:
function showLoader() {
jQuery('#loading').show();
jQuery('#submit_btn').prop('disabled', true);
jQuery('#reset_btn').prop('disabled', true);
jQuery('#chronoform-my formname div:not(:last-child)').hide();
}
In the Designer Area.
The Button ID's (re)named to: submit_btn, resp. reset_btn
The loading image comes from the my own (Joomla)image folder.
The customcode must be at the end of the Designer area
<div id='loading' style='display: none'; >
<center><img src='/images/stories/my image.gif' /></center>
<br>
<br>
<center>Een ogenblik geduld, het formulier wordt nu verstuurd</center>
Thanks so far Bob
Rgds Kees