You have autoclose option which fires onClose callback after certain seconds of onSubmit event but is there a way that I can fire onClose event on some successful api request. For more clairty the scenario is -
when I click on submit button, some api request is made then on successfull response I want to close my typeform
Best answer by picsoung
View original
+5
Hi
+5
Hi
If you want to close the form automatically after it has been submitted you can use the autoClose option as described in our documentation here.
Once the form is submitted you can’t really go back and display an error in the form. In case you wanted to display an error if the API call failed.
So you probably need to make the API request in the onSubmit callback.
+5
Hello
you can close your typeform “manually” based on your API call response like this:
<button id="button">open form</button>
<script src="//embed.typeform.com/next/embed.js"></script>
<link rel="stylesheet" href="//embed.typeform.com/next/css/popup.css" />
<script>
const { open, close } = window.tf.createPopup('<form-id>', {
onSubmit: async () => {
const response = await fetch('/my/endpoint')
if (response.ok) {
close()
} else {
alert('Failed')
}
}
})
document.querySelector('#button').onclick = open
</script>Note: This will leave your respondent on your form ending. The form will be submitted regardless of your API call.
Enter your username or e-mail address. We'll send you an e-mail with instructions to reset your password.