Please note that this documentation is for the most recent version of this extension. It may not be relevant for older versions. Related documentation can be found in the documentation directory of the extension.
JavaScript-Events
Basically all events can be used quickly by TypoScript:
plugin.tx_fluidform.settings.forms.callBack {
finisher {
javascript < plugin.tx_fluidform.presets.finisher.javascript
javascript.functions {
# After successfully sent, but before displaying the success message
beforeSuccess (
ga('send', 'event', 'Forms', 'Submit', 'Kontaktformular');
)
}
}
}The following events are available:
- onInitialize
- onSend
- beforeSuccess
- afterSuccess
- beforeError
- afterError
Disable send button on click
In order to disable the submit button on send to prevent multiple sends, use the following TypoScript:
plugin.tx_fluidform.settings.forms.callBack {
finisher {
javascript < plugin.tx_fluidform.presets.finisher.javascript
javascript.functions {
onSend (
jQuery('.tx-fluid-form .btn[type="submit"]').prop('disabled', true);
)
beforeSuccess (
jQuery('.tx-fluid-form .btn[type="submit"]').prop('disabled', false);
)
beforeError (
jQuery('.tx-fluid-form .btn[type="submit"]').prop('disabled', false);
)
}
}
}
Documentation
TYPO3 Fluid-Form
Fluid form is a small TYPO3 extension for creating forms only by using TypoScript. This extension was developed form shipping TYPO3 Themes with pre-configured forms.